html - Bootstrap 4 制作相同的按钮

Question

我想使左右按钮相同，现在我使用自定义 css 制作它，但它们在 PC 和移动设备中有所不同，这是现在的样子。

按钮现在的样子

            <h3>
                <a href="" class="btn btn-outline-primary" id="one">SHORT</a>
                <a href="" class="btn btn-outline-primary" id="two">SHORT</a>
            </h3>
            <h3>
                <a href="" class="btn btn-outline-primary" id="three">FEW WORDS</a>
                <a href="" class="btn btn-outline-primary" id="four">SHORT</a>
            </h3>

CSS 现在看起来

标签： htmlcsstwitter-bootstrapbootstrap-4

Answer 1

我可以建议您将它们放入表格中，宽度为 100%。

类似的东西：

CSS：

td {宽度：100%}

 <table>
    <tr><td> 
            <a href="" class="btn btn-outline-primary" id="one">SHORT</a>
          </td>
          <td>
            <a href="" class="btn btn-outline-primary" id="two">SHORT</a>

        </td></tr>
        <tr><td> <a href="" class="btn btn-outline-primary" id="three">FEW WORDS</a>  </td>
            <td>
            <a href="" class="btn btn-outline-primary" id="four">SHORT</a></td></tr>
</table>