Bootstrap导航栏各元素操作方法(表单、按钮、文本)_javascript技巧

1、导航栏中的表单
导航栏中的表单不是使用 Bootstrap 表单 章节中所讲到的默认的 class，它是使用 .navbar-form class。这确保了表单适当的垂直对齐和在较窄的视口中折叠的行为。使用对齐方式选项（这将在组件对齐方式部分进行详细讲解）来决定导航栏中的内容放置在哪里。

下面的实例演示了这点：

效果：

黑色效果

2、导航栏中的按钮
您可以使用 class .navbar-btn 向不在 导航栏按钮

效果如下：

3、导航栏中的文本
如果需要在导航中包含文本字符串，请使用 class .navbar-text。这通常与

标签一起使用，确保适当的前导和颜色。下面的实例演示了这点：

 
 林炳文在此～ 
 
 
 
导航栏中的文本
 
 
 

效果如下：