BootStrap左侧菜单栏

1. 事先说明

事先说明,此代码比较简短所以并没有美化,所以css需要自己再补一些。

另外,我比较菜。。刚进入前端,只能用vue、avue和element做一点公司的crud,勿喷

2. 做法过程

bootstrap折叠

主要使用的是上面链接的功能。

BootStrap左侧菜单栏_第1张图片

BootStrap左侧菜单栏_第2张图片

代码:

    

应该都能看懂

引用了bootstrap3  参考了bootstrap3中文文档

算是很简短了,主要利用菜鸟教程上面写的折叠将ul折叠起来了,通过点击控制折叠与否。

data-target要对应ul的id  此处我也不懂,应该是类似vue中的 :data 绑定吧

 

贴一下全部代码:





	
	
	
	
	
	
	

	
	

	
	
	
		E-SHOP
	



	
	
	
	
	


实验的时候可以把我引入的自己的css去掉,在这个页面中我只在body处加了一个background-color。

你可能感兴趣的:(bootstrap,bootstrap,左侧菜单,折叠菜单)