C# 带引导的中心对齐按钮

我被困在对齐线上的一些按钮和引导中心

我创建了以下内容。 为什么按钮垂直堆叠而不是水平堆叠

此外，我必须将简单的按钮与如下代码混合使用

@Html.ActionLink( "REGISTER", "LoginRegister", "Account", new { LoginTabActive = false, RegisterTabActive = true }, new { @class = "btn btn-primary btn-lg center-block" } )

这将生成以下标记

<a href="/Account/LoginRegister?LoginTabActive=False&amp;RegisterTabActive=True" class="btn btn-primary btn-lg center-block">REGISTER</a>

---

在这种情况下，按钮将展开以占据所有水平空间。

只需将引导程序的

文本中心类添加到menuArea div中即可


HTML：

<div class="menubar" style="background-color: #0055b8; color:#ffffff; height: 30px;">
    <h3 class="text-center">menu bar title</h3>
</div>
<div class="text-center">
    <a data-toggle="collapse" href="#topMenu" aria-expanded="false" aria-controls="topMenu">
        <span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>
    </a>
</div>
<div class="collapse" id="topMenu">
    <div class="menuArea text-center">
            <button id="mybutton" name="mybutton" class="btn btn-primary btn-lg">1</button>&nbsp;&nbsp;
            <button id="mybutton2" name="mybutton2" class="btn btn-primary btn-lg">2</button>&nbsp;&nbsp;
            <button id="mybutton3" name="mybutton3" class="btn btn-primary btn-lg">3</button>
    </div>
</div>


菜单栏标题
1.
2.
3.
只需将Bootstrap的
文本中心类添加到menuArea div中即可


HTML：

<div class="menubar" style="background-color: #0055b8; color:#ffffff; height: 30px;">
    <h3 class="text-center">menu bar title</h3>
</div>
<div class="text-center">
    <a data-toggle="collapse" href="#topMenu" aria-expanded="false" aria-controls="topMenu">
        <span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>
    </a>
</div>
<div class="collapse" id="topMenu">
    <div class="menuArea text-center">
            <button id="mybutton" name="mybutton" class="btn btn-primary btn-lg">1</button>&nbsp;&nbsp;
            <button id="mybutton2" name="mybutton2" class="btn btn-primary btn-lg">2</button>&nbsp;&nbsp;
            <button id="mybutton3" name="mybutton3" class="btn btn-primary btn-lg">3</button>
    </div>
</div>


菜单栏标题
1.
2.
3.
现在，您需要将“文本中心”添加到menuArea div中，并从每个按钮元素中删除“中心块”

现在，您需要将“文本中心”添加到menuArea div中，并从每个按钮元素中删除“中心块”

试试这个：试试这个：