Question

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

我试图将这些列表时间并排，但有一个因素会消失。

保证金不起作用，但仅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>

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

1 个答案: