bootstrap--配置和使用

2019-06-29 02:53 来源:未知

在页面中引入bootstrap的文件:

Bootstrap

美洲杯赌球,Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入。

<!-- 新 Bootstrap 核心 CSS 文件 -->  <link rel="stylesheet" href="/css/bootstrap.min.css">    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  <script src="http://www.westovermarket.com/uploads/allimg/190629/025331H05-0.jpg"></script>    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  <script src="/js/bootstrap.min.js"></script>

 为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewport 元数据标签。

<meta name="viewport" content="width=device-width, initial-scale=1">

 


 

在HTML页面<head>标签之间引用,HTML就可以使用Bootstrap了,或者你可以下载Bootstrap文件,在HTML引用Bootstrap文件也是可以的!

<!-- 新 Bootstrap 核心 CSS 文件 -->  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">    <!-- 可选的Bootstrap主题文件(一般不用引入) -->  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  <script src="http://www.westovermarket.com/uploads/allimg/190629/025331H05-0.jpg"></script>    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  <script src="http://www.westovermarket.com/uploads/allimg/190629/0253313B8-2.jpg"></script>

bootstrap/
├── css/ //CSS文件夹
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css-------------------引用
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ └── bootstrap-theme.min.css
├── js/ //JS文件夹
│ ├── bootstrap.js
│ └── bootstrap.min.js---------------------引用
└── fonts/ //字体文件夹
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2

 

<!-- 新 Bootstrap 核心 CSS 文件 -->  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">    <!-- 可选的Bootstrap主题文件(一般不用引入) -->  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  <script src="http://www.westovermarket.com/uploads/allimg/190629/025331H05-0.jpg"></script>    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  <script src="http://www.westovermarket.com/uploads/allimg/190629/0253313B8-2.jpg"></script>

Bootstrap 中文网 为 Bootstrap 专门构建了自己的免费 CDN 加速服务。基于国内云厂商的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。Bootstrap 中文网还对大量的前端开源工具库提供了 CDN 加速服务,请进入BootCDN 主页查看更多可用的工具库。

下载连接:http://v3.bootcss.com/getting-started/#download

TAG标签:
版权声明:本文由美洲杯赌球发布于计算机教程,转载请注明出处:bootstrap--配置和使用