操作方法
首先来介绍一下: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>