Bootstrap Ort Knopf in einer Zeile

Question

Wie man eine Taste Close beheben, weil, wenn die Breite des Bildschirms sinkt es unter der save Taste. Wie kann dies durch Bootstrap oder CSS verhindert werden?

Link auf Codepen, weil es nicht in Stack-Snippet passiert.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
    <div class="form-group"> 
 
     <div class="col-md-offset-2 col-md-2"> 
 
      <input type="submit" value="Save" class="btn btn-default" /> 
 
      <input type="submit" value="Close" class="btn btn-default" /> 
 
     </div> 
 
    </div>

Answer 1

die div Geben, das das Schaltflächen white-space: nowrap;

Answer 2

-Link auf den Codepen umgibt, weil es nicht in Stack-Schnipsel nicht passiert.

Dies ist möglicherweise wahrscheinlich, weil Ihr Codepen col-xs-2 mit und Ihr Code hier verwendet col-md-2.

Wenn Sie sich tatsächlich mit col-xs zu kämpfen, dann:

Eine andere Möglichkeit ist, einfach eine andere col-*-Klasse zu verwenden, um die Breite statt xs zu erhöhen:

<div class="col-md-offset-2 col-md-2"> 
    <input type="submit" value="Save" class="btn btn-default" /> 
    <input type="submit" value="Close" class="btn btn-default" /> 
</div>