Was ist falsch an meinem Code?

Question

<div class="row"> 
<div class="container"> 
    <div class="col-md-4 col-md-offset-4"> 
    <div class="login-wrapper"> 
     <div class="login-head"> 
      <h3 class="text-center"> Log in </h3> 
     </div> 

     <form> 
      <div class="form-group"> 
      <label for="email" class="sr-only"> Email </label> 
      <input type="text" placeholder="email here" class="form-control"> 
      </div> 

      <div class="form-group"> 
      <label for="email" class="sr-only"> Password </label> 
      <input type="text" placeholder="Password here" class="form-control"> 
      </div> 

      <button type="button" class="btn btn-danger center-block"> Login </button> 

     </form> 

    </div> 
    </div> 
</div> 
</div> 

Nach diesem Code habe ich Bildlaufleiste in meinem Browser, so dass ich und fand inspizieren, dass, wenn ich ändern

.row { margin-right: 0;} 

es ist ganz gut

machen. Es hat nichts mit meinem CSS zu tun, ich habe mein CSS entfernt und versucht. also sollte ich den Wert von .row die ganze Zeit ändern, die von Bootstrap zur Verfügung gestellt wird? Standardwert ist

.row{margin-right: -15px;} 

EDIT: Code wie Code formatiert ist jetzt

Answer 1

Wie in Bootstrap-Dokumentation erwähnt, container eine Top-Level-Pack Klasse sein sollte, die row Klasse enthalten sollte. Du hast diese Klassen getauscht. Ich denke, das ist der Grund des Problems.

erste Regel der Bootstrap Einführung sagt:

Zeilen innerhalb einer .Behälter (feste Breite) oder .Behälter-Fluid (volle Breite) für die richtige Ausrichtung und Polsterung gelegt werden muss.

-Code aussehen sollte:

<div class="container"> 
<div class="row"> 
    <div class="col-md-4 col-md-offset-4"> 
    <div class="login-wrapper"> 
     <div class="login-head"> 
      <h3 class="text-center"> Log in </h3> 
     </div> 

     <form> 
      <div class="form-group"> 
      <label for="email" class="sr-only"> Email </label> 
      <input type="text" placeholder="email here" class="form-control"> 
      </div> 

      <div class="form-group"> 
      <label for="email" class="sr-only"> Password </label> 
      <input type="text" placeholder="Password here" class="form-control"> 
      </div> 

      <button type="button" class="btn btn-danger center-block"> Login </button> 

     </form> 

    </div> 
    </div> 
</div> 
</div>