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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -