以下に、ナビバー内にform-control(テキストボックス)を追加する方法があります。
Bootstrapチュートリアル
<nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Bootstrap3 チュートリアル</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> </ul> <form class="navbar-form navbar-left"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> </div> </nav>
追加はされますが、テキストボックスの幅がせまいです。
テキストボックスの横幅をナビバー内いっぱい(Page2の下位まで)に広げたいのですが、方法が分かりません。
input-lgだと縦も含め大きくなってしまいます。
分かる方教えていただけないでしょうか?
宜しくお願い致します。
あなたの回答
tips
プレビュー