Bootstrap menu with equal menu items -


i have bootstrap menu , want use menu items equal width (using grid). problem is, can't add row class between ul , li elements, need this:

<ul class="nav navbar-nav col-sm-6">     <li class="col-sm-4"><a href="#">menu 1</a></li>     <li class="col-sm-4"><a href="#">menu 2</a></li>     <li class="col-sm-4"><a href="#">menu 3</a></li> </ul> 

does know how can solve problem?

like ted said above, have work.
sounds want add space or gap between.

if why not add... make sure allow in col-lg-x width.

<style> .gapit {     width:1%;     background-color: blueviolet;     height:50px;   } </style> <li class="col-lg-2"><a href="#">home</a></li> <li class="gapit"></li>   <li class="col-lg-2"><a href="#about">about</a></li> <li class="gapit"></li>   <li class="col-lg-2"><a href="#contact">contact</a></li> 

or if don't want way, how add margin right this...

<style> .padit {     margin-right:1%;    } </style> <li class="col-lg-2 padit"><a href="#">home</a></li> <li class="col-lg-2 padit"><a href="#about">about</a></li> <li class="col-lg-2"><a href="#contact">contact</a></li> 

Comments

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -