CODEWITHSUNDEEP
cssasp.nettwitter-bootstrap
mohammad
mohammad

Reputation: 375

how to create right and left Title for bootstrap Panels

I whant to create panel with two title enter image description here

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 : enter image description here

how I can solve it ?

Upvotes: 1

Views: 456

Answers (1)

Vitorino fernandes
Vitorino fernandes

Reputation: 15951

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

Upvotes: 2

Related Questions