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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 在twitter bootstrap中的五个相等的列前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我正在建设的页面上有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>
原文链接:https://www.f2er.com/bootstrap/235240.html

猜你在找的Bootstrap相关文章