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

I whant to create panel with two title 如何为bootstrap面板创建左右标题

我想创建两个标题的面板

when I use this code my title are hide !

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

<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>

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

像轰鸣声:

how I can solve it ?

我怎么解决呢?

1 个解决方案

#1

The issue is because of floats by adding clearfix for <div class="panel-heading"> like this <div class="panel-heading clearfix"> it will fix the issue

问题是因为浮动通过为

添加clearfix,像这样

它将修复问题

#1