html - Bootstrap 3 making nested rows -


when making nested columns bootstrap in asp.net using webforms, how span entire child?

example:

<div class="row">     <div class="col-md-3">         <div class="row">stuff</div>     </div>     <div class="col-md-9">         <div class="row">             <div class="col-md-6">                 stuff             </div>             <div class="col-md-6">                 stuff             </div>         </div>         <div class="row">             <div class="col-md-12">                 stuff             </div>         </div>     </div> </div> 

here exact code:

        <div class="row" style="margin-top: 5px">             <div class="col-md-6">                 <div class="input-group">                     <span class="input-group-addon" id="">destination city:</span>                     <input type="text" class="form-control" id="destinationcity" runat="server" placeholder="" aria-describedby="basic-addon1">                 </div>             </div>             <div class="col-md-6">                 <div class="input-group">                     <span class="input-group-addon" id="">eta:</span>                     <input type="text" class="form-control" id="eta2" runat="server" placeholder="" aria-describedby="basic-addon1">                 </div>             </div>         </div>         <div class="row" style="margin-top: 5px">             <div class="col-md-12">                 <div class="input-group">                     <span class="input-group-addon" id="">b/l#:</span>                     <input type="text" class="form-control" id="bl" runat="server" placeholder="" aria-describedby="basic-addon1">                 </div>             </div>         </div> 

i trying make 2 columns of 6 column of 12 underneath it. second column not span entire length of 2 6s.

i think missing fundamental bootstrap3's gridding system.

link image: https://sutong-my.sharepoint.com/personal/joseph_sutongctr_com/_layouts/15/guestaccess.aspx?docid=1070ed3a0aabe43739b7cdda19e136793&authkey=azfgucsf7remr4cvabz6fdq

you html work wanted... 2 column followed 1 columns spanning entire page. need check if div wrapping causing behave differently. try comment start , ending div, you'd surprised how many of confused.


Comments

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

angular - DownloadURL return null in below code -

php - Cannot override Laravel Spark authentication with own implementation -