怎样使用bootstrap制作侧边栏
新建一个html文件，定名为test.html，用于利用bootstrap建造侧边栏。
在test.html页面引入三个文件，第一个是bootstrap样式文件bootstrap.min.css，第二个是jquery.min.js，第三个是bootstrap的js文件bootstrap.min.js，这三个文件是必需的，当作功引入这三个文件才能操纵bootstrap里面的属性来实现侧边栏。
利用bootstrap中的container-fluid类建立一个div容器，将在div里面实现带二级菜单的侧边栏。
利用bootstrap中的row类把页面一分为二，左边的侧边栏占用2各位置，右边为本家儿窗囗，占用10各位置。为了便利区分，给左边的侧边栏一个灰色的布景颜色。
在侧边栏内利用ul li来建立菜单列表，利用bootstrap中nav、nav-tabs、nav-stacked类界说ul的样式，建立四个菜单。
为“系统办理”建立二级菜单，利用nav-header、collapsed界说a标签的样式 ，同时设置a标签data-toggle="collapse"。二级菜单利用ul li建立，需要注重ul的class必需包含collapse、secondmenu类选择器。代码如下：
在浏览器运行test.html文件，查看代码实现的结果。由下面的结果可以看出，当作功利用bootstrap实现侧边栏结果。
- 发表于 2019-08-07 00:17
- 阅读 ( 1356 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章