Question

我在后端使用Twitter Bootstrap和带C＃的ASP.NET编写我的第一个Web应用程序。我在Bootstrap面板中有按钮和标签。我想将标签对齐左侧，按钮对齐右侧。到目前为止，这是我的代码：

    <div class="panel panel-primary">  
                    <div class="panel-heading">
                        <h3 class="panel-title">Overview</h3>   
                    </div>
                    <div class="panel body">
                        <p>
                            <asp:Label ID="BandsProducedLabel" runat="server" Text="Bands Produced:"></asp:Label>
                            <asp:Button class="btn btn-default" ID="BandsProducedBtn" runat="server" Text="Hello" style="text-align:right" />
                        </p>
                   <\div>
    <\div>

我该如何完成这项任务？这只是一小段代码。我有大约15个其他面板我想要应用相同的样式。

Answer 1

如果您想使用标准的Bootstrap样式，您可以为标签提供CSS类“向左拉”和按钮“向右拉”。

为了获得正确的结果，您可能必须反转源顺序，即首先按钮，然后是标记中的标签。

另一种选择是使用Bootstrap网格系统将这两个元素并排放置。

使用Bootstrap和ASP.NET左对齐文本但右对齐按钮内部

1 个答案: