Bootstrap Spalten in Zeile

Question

Ich verstehe nicht, wie man dieses Ding in Bootstrap tun Situation wie in Bild

Ich habe eine Reihe mit einem backgroung-Bild -> dann den Spalten: col -sm-2/col-sm-5/col-sm-5 mit anderen Elementen! ok! Ich möchte eine Schaltfläche einfügen (in der Mitte) Wie kann ich tun?

danke!

Answer 1

Versuchen Sie es mit der folgenden in der Vorlage ...

<div class="row"> 
    <div class="col-sm-2"> 
     Column #1 
    </div> 
    <div class="col-sm-5"> 
     Column #2 
    </div> 
    <div class="col-sm-5"> 
     Column #3 
    </div> 
    <div class="col-sm-12 text-center"> 
     <button>Centered Button</button> 
    </div> 
</div> 

oder ein übergeordnetes Element hinzufügen, die zwei Zeilen enthält und das Hintergrundbild auf dem Element setzen.

<div class="elem-with-bg"> 
    <div class="row"> 
     <div class="col-sm-2"> 
      Column #1 
     </div> 
     <div class="col-sm-5"> 
      Column #2 
     </div> 
     <div class="col-sm-5"> 
      Column #3 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-sm-12 text-center"> 
      <button>Centered Button</button> 
     </div> 
    </div> 
</div>