您的位置：首页 > Web前端 > BootStrap

bootstrap布局和标签

2016-07-03 12:41 232 查看

1.row换行：row的margin-left和margin-right 会缩进-15px,所以使用row标签，会比不使用row标签的靠左边15px

<div class="container">
000
<div class="row">

123

</div>

<div class="row">

<button>456</button>

</div>

</div>

效果如下：

2. col-xx-x 的padding-left, padding-right有15个px，所以当div内部嵌套标签的时候，会向右边偏移15px,可以使用style="padding-left:0px"

<body>
<div class="container">
<button>000</button>
</div>
<div class="container">
<div class="row">
<button>111</button>
</div>
<div class="row">
<button>222</button>
</div>
<div class="col-lg-6">
<button class="col-lg-1">333</button>
</div>

</div>
</body>

3.标签从右边开始排列, pull-right

<div class="pull-right">
<button>text1</button>
<button>text2</button>

</div>

4. form-control 为什么会换行？

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： bootstrap 流式布局 bootsrap布局详解标签向右对齐

相关文章推荐

新的分享

章节导航