Bootstrap 3.3.7学习笔记13

Bootstrap 3.3.7学习笔记13

今天周六给自己放了一个小假，白天就不干活学习了，天黑下来再开始。
主题：导航条
知识点：

• 制作基本导航条的步骤

  1. 建立一个class为navbar navbar-default的nav标签作为存放导航条的最大标签。其中navbar将它的位置和边框圆角等确定了，navbar-default确定它的颜色。或者用div替代nav也可以，不过需要给这个div添加一个role=”navigation”，以方便残疾人设备。
  2. 在nav之中放一个ul，其class为nav，navbar-nav。通过nav可见导航条在具体的ul上是借鉴了导航的用法。navbar-nav关键的一点就是它在大屏密的情况下把这个ul给float到left了。所以这说明导航条在大屏幕其实是浮在正文内容上面的。

• 给导航条添加下拉菜单的做法和给导航添加的方法一致，这里有个新发现，下拉菜单的按钮不可以用button来声明的！只可以用a！因为在bootstrap.css文件里面只存在navbar-nav > li > a，不存在navbar-nav > li > button。

• 给导航条里添加form的时候，这个form是水平放置的。如果按照form那里的说明，我们要给form标签加上一个form-horizontal的类，但是在navbar当中我们加的类是navbar-form。

• 在导航条里面加上<p class=”navbar-text”>和<button class=”btn btn-default navbar-btn”>或者<a class=”navbar-link”>，anchor与button总是出现在text右侧！不论在html代码中谁先谁后！因为navbar-text有一个特权就是float:left。这就有点不太公平了。