c# - Left align text but right align button inside of a panel using Bootstrap and ASP.NET -
i writing first web application using twitter bootstrap , asp.net c# on back-end. have buttons , labels inside of bootstrap panel. align labels left , buttons right. here code far:
    <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> how can accomplish task? small snippet of code. have 15 other panels apply same styling to.
if want use standard bootstrap styles, can give label css class "pull-left" , button "pull-right".
for correct result, might have reverse source order, is, have button come first , label, in markup.
another option use bootstrap grid system place these 2 elements side side.
Comments
Post a Comment