HTML、CSS 和 JS框架之Bootstrap

阅读目录

一.Bootstrap简介：

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

详细参考内容：Bootstrap_v3

二.Bootstrap安装：

下载地址：https://v3.bootcss.com/（使用v3版，不要使用最新版）

使用方法一：

下载后解压文件bootstrap-3.3.7-dist

这里有一些多余的文件需要删除，方便我们今后更快的找到导入的框架文件，里面三个文件夹分别留这些就行了：

将bootstrap-3.3.7-dist文件夹复制到项目目录下，就可以导入css文件和js文件来使用bootstrap框架的了，这是本地导入方法。

方法二：https://www.bootcdn.cn/在线导入

导入版本：3.4.1

--------------------------------------------------------------------注：如果你对python感兴趣，我这有个学习Python基地，里面有很多学习资料，感兴趣的+Q群：895817687
-------------------------------------------------------------------<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自带图标不够丰富，推荐个图标网：http://www.fontawesome.com.cn/，下载后导入就可以了。

HTML、CSS 和 JS框架之Bootstrap相关推荐

本地存储和移动端js框架及bootstrap简介
本地存储和移动端js框架文章目录本地存储和移动端js框架一.本地存储 1.cookie 2.localStorage 3.sessionStorage 二.jquery UI 三.移动端js事件 ...
【Bootstrap】＜前端框架＞Bootstrap布局容器栅格网格系统
目录一.Bootstrap概述: 二.Bootstrap HTML模板: 三.布局容器和栅格网格系统: 1.布局容器: 2.栅格网格系统: 2.1 媒体查询: 2.2 栅格参数: 2.3 列组合: ...
Web前端框架学习—Bootstrap
零. 写在前面 Bootstrap是一个非常好的前端框架,在前端时间的小项目中需要使用Bootstrap做前端,于是就学习了一下,觉得非常好用,推荐给新手. 一. 什么是Bootstrap? Boot ...
yii 加载php文件,Yii2框架加载css和js文件的方法分析
本文实例讲述了Yii2框架加载css和js文件的方法.分享给大家供大家参考,具体如下: 1.第一步是要把我们的css.js文件放到web目录下 2.第二步修改assets/AppAsset.php文件 ...
css框架和js框架_优雅设计的顶级CSS框架
css框架和js框架 Brief discussion: 简要讨论: Well, who doesn't want their website or web page to look attracti ...
css框架和js框架_如何选择正确CSS工具包和框架
css框架和js框架 A Q&A about Susy and other toolkits, with Miriam Suzanne. 与Miriam Suzanne一起有关Susy和其他工 ...
yii怎么引入css文件,Yii框架怎样引用JS和CSS文件
Yii框架怎样引用JS和CSS文件发布时间:2021-01-06 09:58:23 来源:亿速云阅读:118 作者:小新这篇文章给大家分享的是有关Yii框架怎样引用JS和CSS文件的内容.小编觉 ...
yii引入php文件,Yii2框架中CSS、JS文件引入要领_PHP开发框架教程
在yii2中,因为yii2版本升级致使了,许多yii2的用法跟yii1有着很大的区分,这几天一直在view层的视图界面徜徉着,碰到什么问题呢? (引荐进修:yii框架) 问题就是搞不清我该怎样去引入C ...
php ci框架中载入css和js文件失败的原因及解决方法
在将html页面整合到ci框架里面的时候,载入css和js失败.原因是ci框架是入口的框架对框架中文件的全部请求都须要经过index.php处理完毕,当载入外部的css和js文件的时候要使用bas ...

HTML、CSS 和 JS框架之Bootstrap

阅读目录

HTML、CSS 和 JS框架之Bootstrap相关推荐

最新文章

热门文章