在Bootstrap 3中使用twitter-bootstrap – col – * – 12(col-x

发布时间：2020-12-18 00:18:44 所属栏目：安全来源：网络整理

导读：我在StackOverflow的代码示例和甚至是Bootstrap的例子中都没有出现的主题中看到了以下内容. div class="container" div class="row" div class="col-xs-12" pWords go here/p /div /div /div 要么 div class="container" div class="row" div class="col-xs-

我在StackOverflow的代码示例和甚至是Bootstrap的例子中都没有出现的主题中看到了以下内容.

<div class="container">
  <div class="row">
    <div class="col-xs-12">
       <p>Words go here</p>
     </div>
    </div>
  </div>

要么

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
       <p>Words go here</p>
     </div>
    </div>
  </div>

它驱动我坚果,因为对于全宽单列,根据Bootstrap自己的文档和常识,它们都不正确.

什么时候实际使用电网系统？ col – * – 12何时发挥作用？

解决方法

你的沮丧是正确的..< div class =“col-xs-12 col-sm-12 col-md-12 col-lg-12”>是完全多余的.

因为Bootstrap 3是首先移动的,所以你声明的任何类别都可以上传,这意味着它们适用于所声明的设备(xs,sm,md,lg)和更大的值.所以,col-xs-12 col-sm-12是多余的.只要使用col-xs-12来达到同样的效果.

另外,如果你不声明一个xs类,布局将默认为col – * – 12一次在你声明的小类col-class之下.例如< div class =“col-sm-6”>是sm的上半部分,而x宽的全宽.而< div class =“col-md-6”>是md上的一半宽度,而sm和xs上的全宽.

这就是说,你应该总是声明至少一个col-class,所以它得到相关的填充和其他样式的细节.

（编辑：李大同）

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