（最简单）bootstrap实现navbar添加搜索框，在一条水平线上

妈的，找了这么多，真心发现不给注释的都是耍流氓，虽然我不懂，但是还要试着说一下

 

这一行就是整一个大的navbar导航栏，并且类是navbar，格式是默认的，应该是横着的

然后在里面嵌套一个小的导航栏



最后跟上搜索框，右偏。

navbar-form 中form是排队的意思，就是让搜索框和submit按钮在一排，去掉form效果这样

就这么多，效果如下。
最近用hexo搭建了个人博客，网址是 www.yanwee.cn 里面记录了自学编程的一点点教训，对于想搭博客的可以留言，对搭博客还算知道一点点，就酱，加油

 

 

 1 <nav class="navbar navbar-default" style="background:black " role="navigation ">
 2                     <ul class="nav navbar-nav" style="background:black">
 3                         <li>
 4                             <a href="#">首页a>
 5                         li>
 6 
 7                         <li>
 8                             <a href="#">记你太美a>
 9                         li>
10 
11                         <li>
12                             <a href="#">阿坤a>
13                         li>
14                         <li class="dropdown">
15                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉好东西<span class="caret">span>a>
16                                 <ul class="dropdown-menu" role="menu">
17                                     <li>aali>
18                                     <li>ssli>
19                                 ul>
20                         li>
21                     ul>
22                     <form  class="navbar-form navbar-right" role="search">
23                         <div class="form-group">
24                             <input type="text" placeholder="Search"  class="form-control"/>
25                         div>
26                         <button type="submit" class="btn btn-default">Submitbutton>
27                     form>
28             nav>
29             

 

转载于:https://www.cnblogs.com/EdwardLisa/p/10858806.html