Bootstrap地方按鈕在一行

Question

如何修復按鈕Close，因爲當屏幕的寬度減少時滑過save按鈕。如何通過bootstrap或css防止這種情況？

鏈接Codepen，因爲它不會發生在堆棧片段中。

<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

給包圍上Codepen按鈕white-space: nowrap;

Answer 2

鏈接，因爲它沒有在堆棧段發生股利。

這可能是因爲您的Codepen使用的是col-xs-2而您的代碼使用的是col-md-2。

如果你實際上col-xs掙扎，然後：

另一種選擇是簡單地使用不同的col-*類來增加寬度，而不是xs：

<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>