hi,
i am developing an asp.net mvc 5 application.
i want to give margin 10% of actual 12 columns from the left side.
I also want to know about rowspan and colspan and i am using divs.
see for my code.
<section class="row"> <div class="input-group col-md-4"> <span class="input-group-addon">Registeration No</span> @Html.TextBoxFor(m => m.RegisterationId, new { @class = "form-control" }) </div> <div class="input-group col-md-4"> <span class="input-group-addon">Registeration Date</span> @Html.TextBoxFor(m => m.RegisterationDate, new { @class = "form-control" }) </div> </section> <section class="row">
thanks in advance
Hi softech,
To set the margin for the left site, you could use margin-left.
# CSS Margin
http://www.w3schools.com/css/css_margin.asp
The rowspan and colspan attribute are used to the
textarea td of table.
There is link about bootstrap that may benefit you:
http://getbootstrap.com/css/#forms-inline
Best Regards
Starain Chen
Starain chen – MSFT
The rowspan and colspan attribute are used to the textarea.
Isn’t rowspan and colspan for table elements (tr and td)??
Hi win,
wim sturkenboom
Isn’t rowspan and colspan for table elements (tr and td)??
The rowspan and clospan attribute are used for td of table. (I have a mistake, the rows and cols are used for textarea.)
Thank you for your reminding.
Best Regards
Starain Chen
thanks but i wanted to get it from bootsrap’s classes and i am using div not table.
using these classes col-md-9
Hi softech,
I don’t find a way to set the value of 10% margin. For row class, it has
margin-left:12px and margin-right:12px.
softech.employee
i wanted to get it from bootsrap’s classes
There are 12 columns are placed within a single row. So for this code below:
<div class="row"> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> </div> <div class="row"> <div class="col-md-8">.col-md-8</div> <div class="col-md-4">.col-md-4</div> </div> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div> <div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div> </div>
The first row has 12 columns, the second row has 2 columns. So you just based on the number (col-md-[number]) to adjust the columns.
Best Regards
Starain Chen