如何将引导程序按钮向右对齐?

时间:2019-11-29 01:25:31

标签: twitter-bootstrap-3 bootstrap-4

我试图将两个按钮对齐到导航栏的右侧,但似乎无法弄清楚。在div上读取我尝试过justify-content-endpull-right的引导文档,而不是碰运气的按钮本身。任何帮助将不胜感激。

        <nav class="navbar navbar-expand-md fixed top bg-light">
        <a class="navbar-brand">Logo</a>
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link">Lorem</a>
            </li>
            <li class="nav-item">
                <a class="nav-link">Ipsum</a>
            </li>
        </ul>
        <div class="pull-right justify-content-end">
            <button class="btn pull-right">Sign up</button>
            <button class="btn pull-right">Sign in</button>
        </div>
    </nav>

jsfiddle:https://jsfiddle.net/y8c5u3kL/2/

0 个答案:

没有答案