javascript - 如何在超大屏幕中并排对齐两个按钮

Question

我是 Bootstrap 3.0 的初学者，我真的不知道如何并排对齐超大屏幕中的两个按钮。

我有这段代码，但它只是将按钮堆叠在一起:

<p>
    <a href = "#" class = "btn btn-default">See more</a>
</p>
<p>
    <a href = "#" class = "btn btn-primary">
        Martlet: Faces Edition
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</p>

Answer 1

HTML <p> tag默认情况下是 block 元素，这意味着它将占据其容器的整个宽度，而下一个元素将位于下方。把按钮放在同一个p里面修复此问题的标记:

<p>
    <a href = "#" class = "btn btn-default">See more</a>
    <a href = "#" class = "btn btn-primary">
        Martlet: Faces Edition
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</p>