是什么之间的差异col-lg-*,col-md-*并col-sm-*在Twitter的引导?
css responsive-design twitter-bootstrap twitter-bootstrap-3 bootstrap-4
我有一个无序列表,我希望在页面上保持平衡.所以我应用了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) 我有一个关于 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