選擇形式及其在同一線上bootstrap3

標籤我有以下HTML代碼：選擇形式及其在同一線上bootstrap3

<div class="col-sm-4"> 
     <div class="form-group" class="form-inline"> 
     <span style="white-space: nowrap"> 
      <label for="size">Board size:</label> 
      <select class="form-control" id="size" style="background-color: black; color: silver"> 
      <option>small</option> 
      <option>medium</option> 
      <option>large</option> 
      <option>huge</option> 
      </select> 
     </span> 
     </div> 
    </div>

我想實現的是有選擇的形式和它在同一條線上的標籤。我嘗試應用來自stackoverflow的類似問題的解決方案。與white-space: nowrap跨度不起作用，class="form-inline"或回答這個問題：Keep buttons and form with select dropdown on same row in Bootstrap 3如何解決它？

來源

2016-07-19 Furman

這裏有一種方法：

Bootply：http://www.bootply.com/YzaMGyRq99

CSS：

select.form-control{display:inline-block}

HTML：

<div class="col-sm-4"> 
     <div class="form-group"> 
     <span style="white-space: nowrap"> 
      <label for="size">Board size:</label> 
      <select class="form-control" id="size" style="background-color: black; color: silver"> 
      <option>small</option> 
      <option>medium</option> 
      <option>large</option> 
      <option>huge</option> 
      </select> 
     </span> 
     </div> 
    </div>

來源

2016-07-19 07:53:59 pbenard

你要這個

<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
</head> 
 
<body> 
 
    
 
<form class="form-inline"> 
 
    <div class="form-group"> 
 
    <label for="size">Board size:</label> 
 
    <select class="form-control" id="size" style="background-color: black; color: silver"> 
 
      <option>small</option> 
 
      <option>medium</option> 
 
      <option>large</option> 
 
      <option>huge</option> 
 
      </select> 
 
    </div> 
 

 
</form> 
 
    
 
</body> 
 
</html>

來源

2016-07-19 07:58:12

這是正確的做法，應該是公認的答案。 –

選擇形式及其在同一線上bootstrap3

回答

相關問題