浅析Bootstrap中响应式布局的相关知识点

本篇文章带大家聊聊Bootstrap实战，介绍一下Bootstrap的响应式布局，希望对大家有所帮助！

前端（vue）入门到精通课程：进入学习

响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，扮演着网站地图的角色。

在响应式布局中，要求导航栏能够根据终端屏幕大小显示不同的样式。

一、知识点

1.1 导航栏

官方解释：导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。

1.1.1 基础导航栏

使用 Bootstrap 之前，习惯用 <ul> + <li> 来构造一个导航栏。【