4个列布局,自举宽度为第4列,位于bootstrap 3中

时间:2015-03-10 05:27:10

标签: html css html5 css3 twitter-bootstrap

我正在开发一个带有bootstrap 3的布局。它是一个4列布局,其中第4个布局在布局中占用更多宽度。

以下是布局的模型。

enter image description here

如何使用bootstrap列结构实现此目的?

1 个答案:

答案 0 :(得分:1)

试试这样:

 <div class="row">
 <div class="col-md-2 col-xs-2 col-lg-2">..</div>
 <div class="col-md-2 col-xs-2 col-lg-2">..</div>
 <div class="col-md-2 col-xs-2 col-lg-2">..</div>
 <div class="col-md-6 col-xs-6 col-lg-6">..</div>
</div>