Bootstrap 导航元素学习记录

学习资料
Bootstrap 导航元素 | 菜鸟教程

Bootstrap 导航如何实现？

利用给ul标签添加nav类就可以创建导航。不过只添加这一个类是不够的，还需要添加nav-tabs类才能创建一个水平导航。

image.png

再加一个nav-stacked类就是垂直导航

image.png

如何解决导航没有占满一行的问题？

如图，右侧有空白看着不协调。


image.png

添加nav-justified这个类就可以解决。如图

image.png

而且如果屏幕小会自动变成竖排的

image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Bootstrap（基础二）
    第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根...
    凛0_0阅读 5,135评论 0赞 66
  • Jump Start Bootstrap 中文版 第3章
    第3章 探索Bootstrap组件 在这一章，我们将开始使用Bootstrap的一些非常有用的HTML组件。诸如按...
    海上名月阅读 977评论 1赞 6
  • Bootstrap3的简单元素学习
    本篇文章学习一些bootstrap3的一些基本元素的简单样式，这些基本元素为按钮，文本，表格，表单和背景等，一样一...
    elkelk阅读 1,319评论 0赞 1
  • Bootstrap3入门学习(上)
    教程整理自慕课网(原文部分错误在这篇文章得到修改，本文版本Bootstrap3.3.7)。 框架简介 Bootst...
    小小奶狗阅读 2,565评论 0赞 5
  • Mysql练习
    安装mysql ； mysql -u root-p登录； create database db_database2...
    oahgond阅读 333评论 0赞 0