css - 如何在引导行的左侧添加一个空格？

Question

我想知道在左侧添加空间的最佳方法是什么引导行，使用 col-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>

但这不是一个好方法。我们如何在不使用空 div 的情况下做到这一点？

Answer 1

使用这段代码:

.col-sm-2 col-sm-offset-1

在第二个div中如下:

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