jeudi 30 juin 2016

how to give full center width to search input in navbar?

I am trying to get a search bar similar to the pinterest one, where its almost full width. How can I do that in bootstrap? <nav role="navigation" class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" ui-sref="home">Example</a> </div> <ul class="nav navbar-nav navbar-right"> <li><a ui-sref="home">Home</a></li> <li><a ui-sref="login">Login</a></li> </ul> <form class="navbar-form" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button> </form> </div> </nav>

Aucun commentaire:

Enregistrer un commentaire