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