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.
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
Post a Comment