引导列表按钮右侧答案

【问题标题】：bootstrap list button right引导列表按钮右侧
【发布时间】：2017-03-30 03:23:21
【问题描述】：

您好，我在引导程序中有列表：

<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: right 那么按钮与“1,2,3,4”在同一行。

谢谢。

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

【问题讨论】：

在你的按钮类中使用 pull-right
不起作用，按钮与 li 在同一行
你需要这样的jsfiddle.net/C2K9Z/158看看这个小提琴
你没看到 1,2,3 和按钮在同一行吗？我想在不同的行显示它
jsfiddle.net/C2K9Z/159

标签： html twitter-bootstrap list css

【解决方案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/>

【讨论】：