Question

我尝试将一个选择和分页分组到一个表单组中，但是分页放在底部而不是右边。我该如何解决这个问题？

<div class="input-group">
<select class="form-control input-group-addon">
    <option>Egy</option>
    <option>Kettő</option>
    <option>Három</option>
</select>
<ul class="pagination">
    <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
    <li><a href="#">1</a></li>
    <li class="active"><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
</ul>
</div>

JSFiddle

Answer 1

也许在没有分页的情况下尝试它并使用常规按钮代替：

<div class="input-group">
  <select class="form-control input-group-addon">
        <option>Egy</option>
        <option>Kettő</option>
        <option>Három</option>
    </select>
  <div class="input-group-btn">
    <button class="btn btn-default">1</button>
    <button class="btn btn-default">2</button>
    <button class="btn btn-default">3</button>
    <button class="btn btn-default">4</button>
    <button class="btn btn-default">5</button>
    <button class="btn btn-default">6</button>
  </div>
</div>

http://www.bootply.com/xPUlqlg3LK

选择和分页对象以在Bootstrap中形成组

1 个答案: