Sind meine Spaltennummern und Struktur für Bootstrap-Breiten sogar sinnvoll?

Question

Ich habe gerade Bootstrap gelernt und zum Beispiel diese Form so entworfen, ich möchte wissen, ob diese Spaltennummern sogar zueinander passen?

<form class="form-horizontal"> 

    <div class="row"> 
    <div class="col-sm-6"> 
     <div class="form-group"> 
     <div class="col-sm-offset-2 col-sm-10"> 
      <div class="checkbox"> 
      <label> 
       <input type="checkbox"> Website Active 
      </label> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 

    <div class="row"> 
    <div class="col-sm-6"> 
     <div class="form-group"> 
     <div class="col-sm-offset-2 col-sm-10"> 
      <label>Display this message when the website is not active</label> 
      <textarea class="form-control" rows="3" id="comment"></textarea> 
     </div> 
     </div> 
    </div> 
    </div> 

</form> 

Answer 1

See here die Differenz von dem, was ich in den Kommentaren erklärt:

In Ihrem Fall eine richtige Struktur könnte sein:

  <div class="container"> 
       <div class="row"> 
        <form class="form-horizontal"> 
         <div class="col-sm-6"> 
         <div class="form-group"> 
           <div class="checkbox"> 
            <label> 
             <input type="checkbox"> Website Active 
            </label> 
           </div> 
         </div> 
         </div> 
         <div class="col-sm-6"> 
         <div class="form-group"> 
           <label>Display this message when the website is not active</label> 
           <textarea class="form-control" rows="3" id="comment"></textarea> 
         </div> 
         </div> 
        </form> 
       </div> 
      </div> 

Und Sie haben eine .container oder .container-fluid Klasse hinzuzufügen um Ihre .row

Sie können .row so viel wie Sie wollen in einer einzigenhabenKlasse.

See your code on a bootply fiddle