我可以在任何地方使用网格吗？

Question

我可以像这样使用网格系统吗？

我试图让这些列表时间并排显示，但一个元素出现了问题。

Margin 不起作用，但只有 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

不，那是错误的。 Cols 必须在一行内。 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>