twitter-bootstrap – 在twitter bootstrap中的五个相等的列

发布时间：2020-12-17 23:17:09 所属栏目：安全来源：网络整理

导读：我想在我正在建设的页面上有5个相等的列，我似乎不明白如何使用5列网格在这里： http://web.archive.org/web/20120416024539/http://domain7.com/mobile/tools/bootstrap/responsive 五个列网格是否显示在twitter引导框架的一部分上？解决方法使用具有span

我想在我正在建设的页面上有5个相等的列，我似乎不明白如何使用5列网格在这里：
http://web.archive.org/web/20120416024539/http://domain7.com/mobile/tools/bootstrap/responsive

五个列网格是否显示在twitter引导框架的一部分上？

解决方法

使用具有span2类的五个div，并给第一个offset1类。

<div class="row-fluid">
    <div class="span2 offset1"></div>
    <div class="span2"></div>
    <div class="span2"></div>
    <div class="span2"></div>
    <div class="span2"></div>
</div>

Voila！
五个等间隔和居中的列。

在bootstrap 3.0中，这个代码看起来像

<div class="row">
    <div class="col-md-2 col-md-offset-1"></div>
    <div class="col-md-2"></div>
    <div class="col-md-2"></div>
    <div class="col-md-2"></div>
    <div class="col-md-2"></div>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!