ブートストラップの最初の列を左からどのように変更するのですか？

Question

私はブートストラップを使用しています。最初の列を左から距離を変えたいと思います。これは、この絵に例示されている：

マイコード：

 <div class="container"> 
     <div class="row"> 
      <div class="col-sm-1"> 
       <div class="panel panel-default"> 
        <div class="panel-body">A Basic Panel</div> 
       </div> 
      </div> 
      <div class="col-sm-8">.col-sm-7</div> 
      <div class="col-sm-1">.col-sm-1</div> 
     </div> 
    </div> 

私はマージン左、パディング左と試みるが、それは変更が必要ですどこが見つかりません。

Answer 1

変更

<div class="container"> 

<div class="container-fluid"> 

にフィドル： https://jsfiddle.net/DTcHh/23360/

Answer 2

.containerクラスは、その要素に最大幅を追加し、それをページの中央に配置します。 col-sm-1を左端に表示したい場合は、.containerクラスをどのように使用しているかを削除/調整します。

さらに、.rowと.col-sm-*には余白/パディングが追加されています。クロムインスペクタを使用して、ページ上の要素を見て、どのようにレイアウトされているかを確認してください。ここ