如何使用引导jQuery来对齐三个div来满足响应速度？

嗨，大家好我在这里有一个问题，我想显示三个div。如何使用引导jQuery来对齐三个div来满足响应速度？

的出放假设是这样的下面

分配的要求说。
根据提供的模型开发单页面响应网站。桌面版本将填充用户浏览器的整个高度。移动设备将各部分叠加在一起。就功能而言，点击图标（骑自行车，购物车，刀叉或美术设计之旅）将滑出包含其他信息的中间白色面板。日期输入字段将包含您选择的javascript/jQuery日期选择器。

我在链接可用电流低于项目
https://www.dropbox.com/s/igxahc9x19pcbfb/maboneng.zip?dl=0

请帮我家伙。

来源

2016-11-24 Muziwenhlanhla Dlamini

不要链接到外部代码;在问题中包含代码。如果时间很长，那么（请！）修剪它。原因：此处发布的问题应独立于可能会更改或可能不再存在的外部资源。 –

这应该很容易使用bootstrap grid system。

您需要将所有三个div包装在一个容器中，然后您可以添加网格类来说明它们应该如何在某些设备上呈现。

要说他们应占用中等或更小设备上的页面的全部宽度，您需要添加类col-md-12要说在较大的设备上它应占用第三位，则将12除以3并添加该类：col-lg-4

所以，现在你是喜欢

<div class="container"> 
    <div id="yourWrapper" class="row"> 
     <div id="panel1" class="col-md-12 col-lg-4">your html</div> 
     <div id="panel2" class="col-md-12 col-lg-4">your html</div> 
     <div id="panel3" class="col-md-12 col-lg-4">your html</div> 
    </div> 
</div>

最后在寻找的东西，让他们承担100％的高度，只需添加height:100vh;您的每一个的div

#yourWrapper > div {height:100vh;}

来源

2016-11-24 11:58:26 hairmot

如何使用引导jQuery来对齐三个div来满足响应速度？

回答

相关问题