HTML、CSS 和 JS框架之Bootstrap
程序员文章站
2022-03-02 11:01:12
一.Bootstrap简介: Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 详细参考内容:Bootstrap_v3 二.Bootstrap安装:下载地址:https://v3.bootcss.com/(使用v3版,不要使用最新 ......
一.bootstrap简介:
bootstrap 是最受欢迎的 html、css 和 js 框架,用于开发响应式布局、移动设备优先的 web 项目。
详细参考内容:bootstrap_v3
二.bootstrap安装:
下载地址:(使用v3版,不要使用最新版)
使用方法一:
下载后解压文件bootstrap-3.3.7-dist
这里有一些多余的文件需要删除,方便我们今后更快的找到导入的框架文件,里面三个文件夹分别留这些就行了:
将bootstrap-3.3.7-dist文件夹复制到项目目录下,就可以导入css文件和js文件来使用bootstrap框架的了,这是本地导入方法。
方法二:在线导入
导入版本:3.4.1
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
三、关于bootstrap的使用,具体可以参考bootstrap3中文文档,使用大致过程就是:
根据目录找样式>>复制html代码>>粘贴html代码到自己的html文件中>>修改里面的文本和相关参数。
所以使用bootstrap,可以先熟悉一遍其文档,这样找起来也更迅速、高效。
补充:
bootstrap自带图标不够丰富,推荐个图标网:,下载后导入就可以了。
上一篇: 简单改造丨让你的博客园焕然一新
下一篇: Element-ui学习笔记1
推荐阅读
-
[前端框架] Bootstrap 3 与 Foundation 5 的五大区别 (译)_html/css_WEB-ITnose
-
Bootstrap学习js插件篇之下拉菜单_html/css_WEB-ITnose
-
JS 实现需要时加载js和css文件_html/css_WEB-ITnose
-
Bootstrap组件之Glyphicons字体图标_html/css_WEB-ITnose
-
PHP小技巧之JS和CSS优化工具Minify的使用方法
-
php ci框架中加载css和js文件失败的解决方法
-
前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR
-
远离JS灾难css灾难之js私有函数和css选择器作为容器
-
PHP小技巧之JS和CSS优化工具Minify的使用方法
-
如何使用php脚本给html中引用的js和css路径打上版本号