Css 如何在bootsrap行的左侧添加空间?
我想知道什么是最好的方式,以增加空间的左侧 一个bootsrap行,使用列sm-*。 我能够使用一个空div实现它,如下所示Css 如何在bootsrap行的左侧添加空间?,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我想知道什么是最好的方式,以增加空间的左侧 一个bootsrap行,使用列sm-*。 我能够使用一个空div实现它,如下所示 <div class="row"> <div class="col-sm-1" > <!-- I want to remove this div --> </div> &
<div class="row">
<div class="col-sm-1" >
<!-- I want to remove this div -->
</div>
<div class="col-sm-2" >
Text1
</div>
<div class="col-sm-3">
Text2
</div>
<div class="col-sm-3">
Text3
</div>
<div class="col-sm-3">
Text4
</div>
</div>
文本1
文本2
文本3
文本4
但这不是一个好办法。如何在不使用空div的情况下执行此操作?使用以下代码:
.col-sm-2 col-sm-offset-1
第二部分如下:
<div class="row">
<div class="col-sm-2 col-sm-offset-1" >
Text1
</div>
<div class="col-sm-3">
Text2
</div>
<div class="col-sm-3">
Text3
</div>
<div class="col-sm-3">
Text4
</div>
</div>
文本1
文本2
文本3
文本4
使用以下代码:
.col-sm-2 col-sm-offset-1
第二部分如下:
<div class="row">
<div class="col-sm-2 col-sm-offset-1" >
Text1
</div>
<div class="col-sm-3">
Text2
</div>
<div class="col-sm-3">
Text3
</div>
<div class="col-sm-3">
Text4
</div>
</div>
文本1
文本2
文本3
文本4
您可以通过在第一列上应用classcol-sm-offset-1
来使用类来实现这一点,如下所示:
文本1
文本2
文本3
文本4
您可以通过在第一列上应用classcol-sm-offset-1
来使用类来实现这一点,如下所示:
文本1
文本2
文本3
文本4
style=“margin left:10px”添加css:col-md-offset-2您可以查看style=“margin left:10px”添加css:col-md-offset-2您可以查看