如何为bootstrap面板创建左右标题

时间:2015-04-12 07:08:10

标签: css asp.net twitter-bootstrap

我想创建两个标题的面板 enter image description here

当我使用此代码时,我的标题是隐藏的!

<asp:Repeater runat="server" ID="ChatDialog">
                <HeaderTemplate>
                    <div class="panel panel-primary">
                </HeaderTemplate>
                <ItemTemplate>
                    <div class="panel-heading">
                        <h3 class="panel-title text-left pull-left"><%#Eval("ErrorTag")%></h3>
                        <h3 class="panel-title text-right pull-right"><%#Eval("Date")%></h3>
                    </div>
                    <div class="panel-body">
                        <%#Eval("ErrorText")%>
                    </div>
                </ItemTemplate>
                <FooterTemplate>
                    </div>
                </FooterTemplate>
            </asp:Repeater>

如下: enter image description here

我怎么解决它?

1 个答案:

答案 0 :(得分:2)

问题是因为通过为clearfix添加<div class="panel-heading">这样的<div class="panel-heading clearfix">浮动广告来解决这个问题