-
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js查看全部
-
导航条基本结构：查看全部
-
bootstrap是一个基于html,css,js的工具集合查看全部
-
缩小后自适应查看全部
-
导航条查看全部
-
先引用JQuery查看全部
-
Extra small devicesPhones (<768px) : .col-xs- Small devices Tablets (≥768px) : .col-sm- Medium devicesDesktops (≥992px) : .col-md- Large devices Desktops (≥1200px) : .col-lg-查看全部
-
,,,查看全部
-
...查看全部
-
http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css查看全部
-
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js查看全部
-
蓝色代码部分是响应式布局————即屏幕缩小时显示折叠导航栏查看全部
-
高亮部分是一个当屏幕缩小到手机屏幕大小时显示的三横图标查看全部
-
下拉菜单：class="dropdown-toggle" data-toggle="dropdown" .navbar-inverse可以改变导航条的外观，变成黑底展示 添加.navbar-fixed-top类可以让导航条固定在顶部。 可包含一个.container或.container-fluid容器，从而让导航条居中或者自适应显示。 navbar-fixed-top: 固定顶部导航条，会遮住页面上的部分内容，需要为body元素设置padding: body { padding-top: 70px; }查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">在IE运行最新的渲染模式<br> <meta name="viewport" content="width=device-width,initial-scale=1">初始化移动浏览显示 jquery必需在bootstrap之前引用查看全部
举报
0/150
提交
取消