bootstrap安装

Bootstrap安装，Bootstrap怎么安装，Bootstrap安装教程

操作方法

  • 01

    首先来介绍一下：Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。正如其介绍：简洁、直观、强悍、移动设备优先的前端开发框架，让web开发更迅速、简单。

  • 02

    1.如图所示，到官网下载bootstrap；

  • 03

    2.下载后的是个压缩文件，我这里是暂时放在桌面上；

  • 04

    3.将文件解压，可以根据自身情况放在相应的工作目录，因为要给大家做演示，我依旧直接放在桌面上；

  • 05

    4.在根目录新建一个测试文件；test.html

  • 06

    5.test.html文件中内容如图所示： <link rel="stylesheet" href="./dist/css/bootstrap.min.css"> 一定要注意文件的路径；

  • 07

    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>

赞 (0)

相关推荐