Bootstrap searchbox Pull-rechts

Question

Ich möchte neben einem anderen Behälter mit einem searchbox auf der rechten Seite haben, mit Pull-left:

<div> 
    <div class="pull-left"><span>SOME TEXT</span></div> 
    <div class="pull-right"> 
     <div class="row"> 
      <div class="col-xs-6 col-md-4"> 
       <div class="input-group"> 
        <input type="text" class="form-control" placeholder="Search" id="txtSearch"> 
        <div class="input-group-btn"> 
          <button class="btn btn-default" type="submit"> 
           <span class="glyphicon glyphicon-search"></span> 
          </button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Bootply Link: LINK Es ist nicht die beabsichtigte Art und Weise arbeiten.

Answer 1

Wenn Sie das Raster verwenden, benötigen Sie nicht die Pull-rechts-Klasse.

Wie für Ihr Beispiel, ist ein Text gegeben col-*-8 und Ihre Suchleiste ist col-*-4 gegeben wird es Ihre Suche in der richtigen platzieren.

<div class="container"> 
    <div class="row"> 

    <div class="col-*-8"> 
     Some Text 
    </div> 

    <div class="col-*-4"> 
     BUTTON 
    </div> 

    </div> 
</div> 

Diese Documentation und diese video sind sehr informativ und Sie die Bootstrap Official Grid Documentation jederzeit überprüfen können.

Hier ist die Solution.