程序员开发实例大全宝库

网站首页 > 编程文章 正文

导入Bootstrap框架(怎么引入bootstrap框架)

zazugpt 2024-10-15 19:22:27 编程文章 14 ℃ 0 评论

Bootstrap,来自 Twitter, 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。今天我们演示一下导入bootstrap框架。

1、百度搜索Bootstrap,进入官网下载

2、 将下载的文件解压放入工作区,并新建一个index.html文件

3、导入文件

1) 本地导入: <link href="css/bootstrap.css" rel="stylesheet">

2) 在线导入:<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">

4、测试

1) 在body标签中输入table>tr*5>td*3>a{$}回车,

2) 在table标签中加入类"table table-striped table-bordered"后运行测试。

PS:

1、bootstrap的组件交互效果都是依赖于JQuery库写的插件,所以在使用bootstrap.mini.js(bootstrap.js)之前一定要先加载jquery.mini.js(jquery.js)

<!-- 在线导入 -->

<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

2、如果需要bootstrap文件的小伙伴们可以私信回复 008,后台自动回复下载链接。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表