需要安装什么实用bootstrap
1个回答
展开全部
首先来介绍一下:Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。正如其介绍:简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。
1.如图所示,到官网下载bootstrap;
2.下载后的是个压缩文件,我这里是暂时放在桌面上;
3.将文件解压,可以根据自身情况放在相应的工作目录,因为要给大家做演示,我依旧直接放在桌面上;
4.在根目录新建一个测试文件;test.html
5.test.html文件中内容如图所示:
<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
一定要注意文件的路径;
6.下面是几个bootstrap的button样式;
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
1.如图所示,到官网下载bootstrap;
2.下载后的是个压缩文件,我这里是暂时放在桌面上;
3.将文件解压,可以根据自身情况放在相应的工作目录,因为要给大家做演示,我依旧直接放在桌面上;
4.在根目录新建一个测试文件;test.html
5.test.html文件中内容如图所示:
<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
一定要注意文件的路径;
6.下面是几个bootstrap的button样式;
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询