Question

您好我在bootstrap中有列表：

<h4><i class="fa fa-flag" aria-hidden="true"></i> 2</h4>
    <ul id="filter-version" class="filter multiple-select term-list">
        <li data-id="3">
            <a href="#">a</a>
        </li>
        <li data-id="1">
            <a href="#">b</a>
        </li>
        <li data-id="2">
            <a href="#">c</a>
        </li>
    </ul><button class="btn btn-default btn-sm more-less">Więcej</button>

    <span class="btn btn-default btn-sm start-filter" data-filter="version">Pokaż</span>

如何正确对齐“Więcej”和“Pokaż”？如果我使用float：对，那么按钮与“1,2,3,4”在同一行。

感谢。

http://jsfiddle.net/C2K9Z/156/

Answer 1

<h4><i class="fa fa-flag" aria-hidden="true"></i> 2</h4>
<ul id="filter-version" class="filter multiple-select term-list">
    <li data-id="3">
        <a href="#">a</a>
    </li>
    <li data-id="1">
        <a href="#">b</a>
    </li>
    <li data-id="2">
        <a href="#">c</a>
    </li>
</ul>
<button class="btn btn-default btn-sm more-less" style="float:right">Więcej</button>

<span class="btn btn-default btn-sm start-filter" data-filter="version" style="float:right">Pokaż</span><br/>

引导列表按钮右

1 个答案: