bootstrap 导航怎样做

本章我们将讲解 Bootstrap 提供的用于定义導航元素的一些选项它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类改变修饰的 class,可以在不同的样式间进荇切换

创建一个标签式的导航菜单:

  • 以一个带有 class .nav 的无序列表开始。

下面的实例演示了这点:


下面的实例演示了这点:


步骤与创建带有下拉菜单的标签相同只是需要把 .nav-tabs class 改为 .nav-pills,如下面的实例所示:



胶囊式标签页以垂直方向堆叠排列的
两端对齐的标签页在大于 768px 的屏幕上,通過 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度在小屏幕上,导航链接呈现堆叠样式
带下拉菜单的胶囊式标签页
}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信