Css 如何组合get和post按钮的样式？

我在Fronded方面很糟糕，我需要制作这个导航栏

以下是我目前掌握的代码：

    <div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand active" href="#">Secret Agent Service</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li class="${activeItem == 'home' ? 'active' : ''}"><a
                    href="${pageContext.request.contextPath}/">Home</a></li>
            <li class="${activeItem == 'mission' ? 'active' : ''}"><a
                    href="${pageContext.request.contextPath}/missions">Missions</a></li>
            <li class="${activeItem == 'country' ? 'active' : ''}"><a
                    href="${pageContext.request.contextPath}/country">Countries</a></li>
            <li class="${activeItem == 'agent' ? 'active' : ''}"><a
                    href="${pageContext.request.contextPath}/agent">Agents</a></li>
            <li>
                <form method="post" action="${pageContext.request.contextPath}/logout">
                    <button class="nav navbar-btn ${activeItem == 'logout' ? 'logout' : ''}">Logout</button>
                </form>
            </li>
        </ul>
    </div><!--/.nav-collapse -->
</div>

切换导航






注销

问题是，后注销按钮并没有继承引导风格，不知道为什么

有什么想法吗？谢谢。

我不认为“nav navbar btn”是设计按钮样式的有效引导类。使用类似

<button class="btn btn-primary ${activeItem == 'logout' ? 'logout' : ''}">Logout</button>

注销

或者，您可以从这个列表中进行选择

<!-- Standard button -->
<button type="button" class="btn btn-default">Default</button>

<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">Primary</button>

<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">Success</button>

<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">Info</button>

<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">Warning</button>

<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">Danger</button>

<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">Link</button>

违约
主要的，重要的
成功
信息
警告
危险
链接

是的，这种方法很有效。我想用导航条样式，但我可能可以从中选择。@PapeK24，不知道你说的导航条样式是什么意思。检查导航栏按钮的引导文档。