相关疑难解决方法(0)

519
推荐指数
8
解决办法
30万
查看次数

Bootstrap平衡子弹柱

我有一个无序列表,我希望在页面上保持平衡.所以我应用了Bootstrap列平衡技术,如本示例所示.当然,真实物品的文字相当长.

<div class="row">
  <ul>
    <li class="col-xs-12 col-md-6">item 1</li>
    <li class="col-xs-12 col-md-6">item 2</li>
    <li class="col-xs-12 col-md-6">item 3</li>
    <li class="col-xs-12 col-md-6">item 4</li>
    <li class="col-xs-12 col-md-6">item 5</li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这在列平衡方面起作用.但是由于在这块引导程序中设置了填充左边,它搞砸了小号.

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px; …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap-3

6
推荐指数
1
解决办法
4412
查看次数

这些类的顺序;col-sm 、 col-lg 、col-md 和 col-xs 不同

我有一个关于 bootstrap 3.0 类顺序的问题,现在如果我写下以下内容,从 sm 开始到 lg:-

<div class="col-sm-4 col-md-4 col-lg-4 address">
Run Code Online (Sandbox Code Playgroud)

如果我将班级顺序从 lg 更改为 sm,会有什么不同吗:-

<div class="col-lg-4 col-md-4 col-sm-4  address">
Run Code Online (Sandbox Code Playgroud)

或者顺序并不重要?

css css-selectors media-queries twitter-bootstrap twitter-bootstrap-3

5
推荐指数
1
解决办法
701
查看次数