[RESOLVED]left- margin and rowspan

Bootstrap, CSS, HTML, Table, TextBox, Web Forms, , , , ,

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

Leave a Reply