css - bootstrap grid not working -


enter image description here

on picture right side of site. elements out bootstrap grid.

<div class="container">   <div class="col-md-12">     <div class="row">       <a href="#" class="logo">first</a>       <nav class="main_menu clearfix">         <button class="main_menu_button hidden-md hidden-lg"><i class="fa fa-bars"></i></button>         <ul>           <li class="active"><a href="#"></a></li>           <li><a href="#"></a></li>           <li><a href="#"></a></li>           <li><a href="#"></a></li>           <li><a href="#"></a></li>         </ul>       </nav>     </div>   </div> </div> 

why element nav can out bootstrap grid? main part gray

not sure wrong markup or style, it's hard understand given content, should put .col-md-12 inside of .row not other way around.

here examples: https://getbootstrap.com/examples/grid/


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -