bootstrap安装及引用
来源:互联网 发布:初中数学助手软件 编辑:程序博客网 时间:2024/06/03 19:22
一.什么是Bootstrap?
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。每个部分都包含了与该主题相关的简单有用的实例。
二.Bootstrap的安装
http://getbootstrap.com/
您会看到两个按钮:
- Download Bootstrap:下载 Bootstrap。点击该按钮,您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不包含文档和最初的源代码文件。
- Download Source:下载源代码。点击该按钮,您可以直接从 from 上得到最新的 Bootstrap LESS 和 JavaScript 源代码。
如果您使用的是未编译的源代码,您需要编译 LESS 文件来生成可重用的 CSS 文件。对于编译 LESS 文件,Bootstrap 官方只支持 Recess,这是 Twitter 的基于 less.js 的 CSS 提示。
为了更好的了解和更方便的使用,我们将在本教程中使用 Bootstrap 的预编译版本。
由于文件是被编译过和压缩过的,在独立的功能开发中,您不必每次都包含这些独立的文件。
本教程编写时,使用的是最新版(Bootstrap 3)。
三.文件引入
1.jQuery文件。务必在bootstrap.min.js 之前引入
<script type="text/javascript" src="js/jquery-1.12.3.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
- bootstrap安装及引用
- 10001---BootStrap--简介及安装
- bootstrap引用
- bower的安装、Bootstrap的安装及简单使用
- bootstrap样式的引用
- Yii 中引用bootstrap
- 引用bootstrap框架
- Bootstrap图标引用方法
- bootstrap本地引用
- Bootstrap引用说明
- Bootstrap的引用文件
- angular2 引用bootstrap-daterangepicker
- bootstrap图标的引用
- Redis安装(CentOs版本),及项目引用
- bootstrap的概述、特点、结构和引用(使用安装)方法
- 【bootstrap】使用bower安装bootstrap
- SpringMVC 引用BootStrap和jQuery
- 引用及const引用
- 浏览器输入url到整个页面显示出来经历的过程
- Android SharedPreferences与Editor简介(上)
- 修改ubuntu16.04+ win10启动的引导时间
- 如何快速发布NPM模块
- A Summary of Unity Attributes
- bootstrap安装及引用
- HDU 5914 - Triangle
- python学习笔记:类
- 限制CEdit(Edit Contrl)只能输入数字和小数点
- Spark Job 调度 (官方文档翻译)
- NOIP2016 普及组第四题 魔法阵magic 题解
- 解决启动Eclipse返回Exit Code=13
- 带特效的“ViewPager”
- Button 标签实现页面跳转的方法