Wie ändert man die erste Spalte im Bootstrap die Entfernung von links?

Question

Ich benutze Bootstrap und ich möchte die erste Spalte die Entfernung von links ändern. Dies ist in diesem Bild dargestellt:

Meinen Code:

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

Ich versuche, mit margin-left, padding-left, aber ich weiß nicht gefunden, wo es ändern müssen.

Answer 1

ändern

<div class="container"> 

zu

<div class="container-fluid"> 

Fiddle hier: https://jsfiddle.net/DTcHh/23360/

Answer 2

Die Klasse .container fügt diesem Element eine maximale Breite hinzu und zentriert es auf der Seite. Wenn Sie col-sm-1 den ganzen Weg nach links wollen, sollten Sie entfernen/anpassen, wie Sie die .container Klasse verwenden.

Obendrein, .row und .col-sm-* kommen mit einigen zusätzlichen Rand/Paddings. Versuchen Sie es mit dem Chrom Inspector, um Ihre Elemente auf der Seite zu betrachten und zu sehen, wie/warum sie so angeordnet sind, wie sie sind.