どこでもグリッドを使用できますか？

Question

このようなグリッドシステムを使用できますか？

私はそれらのリストの時間を並べることを試みていましたが、1つの要素がダウンします。

マージンは機能しませんが、position: relativesのみが機能しますが、反応しません。だから私はグリッドシステムを使いました。

悪い習慣ですか？

<ul class="list-inline col-md-8 col-md-offset-4"> 
    <li class="col-md-3"> 
     <select class="form-control"> 
      <option> Voice over category </option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
     </select> 
    </li> 
    <li class="col-md-3"> 
     <div class="input-group"> 
      <input type="text" class="form-control" placeholder="zip" /> 
      <span class="input-group-btn"> 
       <button type="button" class="btn btn-primary"> Find Coaches </button> 
      </span> 
     </div> 
    </li> 
</ul> 

Answer 1

いいえ、間違っています。列は列の中になければなりません。 http://getbootstrap.com/css/#grid

あなたはインラインフォームを持っているしたい場合は、そのためのクラスがあります： http://getbootstrap.com/css/#forms-inline

あなたがまだのcolsを使用したい場合は、：

<div class="row"> 
    <div class="col-md-3"> 
    <div class="form-group"> 
     <select class="form-control"></select> 
    </div> 
    </div> 
    <div class="col-md-3"> 
    <div class="form-group"> 
     <input class="form-control" type="text" /> 
    </div> 
    </div> 
</div>