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