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

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

 

<nav class="navbar navbar-default" style="background:black " role="navigation ">
这一行就是整一个大的navbar导航栏，并且类是navbar，格式是默认的，应该是横着的

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

<ul class="nav navbar-nav" style="background:black">

最后跟上搜索框，右偏。

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

<form  class=" navbar-form navbar-right" role="search">

就这么多，效果如下。
最近用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>aa</li>
18                                     <li>ss</li>
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">Submit</button>
27                     </form>
28             </nav>
29