Display in Centre
Question
All replies
-
User-719153870 posted
Hi jsshivalik,
If you want to center the Save button relative to the outer div, you can use ‘text-align: center’ in CSS.
Please refer to below codes:
<head runat="server"> <title></title> <style type="text/css"> .col-md-12 { text-align:center; } </style> </head> <body> <form id="form1" runat="server"> <div class="row"> <div class="form-group col-md-12"> <asp:Button ID="btnSave" runat="server" class="btn btn-primary" Text="Save" /> </div> </div> </form> </body>Here is result of my demo:
Best Regard,
Yang Shen
-
User-719153870 posted
Hi jsshivalik,
I'm sorry that i can't understand your question. Whose size do you want to change, or do you want to add a div with its class="col-md-4"?
If so, please refer to below codes:
<head runat="server"> <link href="Content/bootstrap.min.css" rel="stylesheet" /> <title></title> <style type="text/css"> .col-md-12 { text-align: center; width:100%; } </style> </head> <body> <form id="form1" runat="server"> <div class="row"> <div class="form-group col-md-12"> <div class="form-group col-md-4"> <asp:Button ID="btnSave" runat="server" class="btn btn-primary" Text="Save" /> </div> </div> </div> </form> </body>Notice: You can check the style by selecting it, right-clicking on 'Go To Definition' and entering bootstrap. min. CSS to see the details of the style. And in your page, you can override this style.
Here's result of my demo:
Best Regard,
Yang Shen
