html - Bootstrap Grid, unable to separate them into desired columns space -
i new programming , having difficulty in adjusting bootstrap grids fit framework; trying 3 columns side bar on left, , followed 9 column main side bar on right - appeared 12 columns each after input code.
<div class="content row"> <?php include "_/components/php/snippet-carousel.php"; ?> <section class="col-md-3 col-md-pull-9 sidebar"> <?php include "_/components/php/aside-social.php"; ?> </section><!-- sidebar --> <section class="col-md-9 col-md-push-3 cont-grid"> <?php include "_/components/php/weekend-intro.php"; ?> <?php include "_/components/php/popular-categories.php"; ?> </section><!-- main --> </div><!-- content --> <?php include "_/components/php/footer.php"; ?> </section><!-- container -->
take @ code. maybe you:
<div class="content"> <div class="row"> <div class="col-md-12"><?php include "_/components/php/snippet-carousel.php"; ?></div> </div> <div class="row"> <section class="col-md-3 sidebar"><?php include "_/components/php/aside-social.php"; ?></section> <section class="col-md-9 cont-grid"> <?php include "_/components/php/weekend-intro.php"; ?> <?php include "_/components/php/popular-categories.php"; ?> </section> </div> <div class="row"> <div class="col-md-12"><?php include "_/components/php/footer.php"; ?></div> </div> </div>
you have 1 closing section no opening one. , suppose wrap whole thing container?
Comments
Post a Comment