Css 如何在bootsrap行的左侧添加空间?

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> &

我想知道什么是最好的方式,以增加空间的左侧 一个bootsrap行,使用列sm-*。 我能够使用一个空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
您可以通过在第一列上应用class
col-sm-offset-1
来使用类来实现这一点,如下所示:


文本1
文本2
文本3
文本4
您可以通过在第一列上应用class
col-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您可以查看