需要安装什么实用bootstrap

 我来答
行者毅凌Dz
2016-08-08 · TA获得超过267个赞
知道小有建树答主
回答量:650
采纳率:0%
帮助的人:838万
展开全部
首先来介绍一下: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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式