• BootStrap 简介：

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

    响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

    它为开发人员创建接口提供了一个简洁统一的解决方案。

    它包含了功能强大的内置组件，易于定制。

  • 下载：

    // Bootstrap 官网

    http://getbootstrap.com/

    // Bootstrap 下载

    http://getbootstrap.com/getting-started/#download


![](http://images2015.cnblogs.com/blog/991711/201705/991711-20170512162356691-923902216.png)

直接下载源码

  • 安装

    // 解压 bootstrap-3.3.7.zip

    unzip  bootstrap-3.3.7.zip

    // 找到预编译好的库

    ls  bootstrap-3.3.7/dist/

    css  fonts  js

    //  这里就是你要的库

  • 使用

    // 假设你将这三个文件夹都复制到你的网站服务器的家目录，将jQuery 也复制到js 目录里面

    // 那么可以使用如下代码使用

      1 <!DOCTYPE html>

      2 <html>

      3 <head>

      4   <title>aplex Bootstrap</title>

      5   <meta charset="utf-8">

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

      7   <link rel="stylesheet" href="/css/bootstrap.min.css">

      8   <script src="/js/jquery.js"></script>

      9   <script src="/js/bootstrap.min.js"></script>

     10 </head>

     11

     12 <body>

     13 <small>本行内容是在标签内</small><br>

     14 <strong>本行内容是在标签内</strong><br>

     15 <em>本行内容是在标签内，并呈现为斜体</em><br>

     16 <p class="text-left">向左对齐文本</p>

     17 <p class="text-center">居中对齐文本</p>

     18 <p class="text-right">向右对齐文本</p>

     19 <p class="text-muted">本行内容是减弱的</p>

     20 <p class="text-primary">本行内容带有一个 primary class</p>

     21 <p class="text-success">本行内容带有一个 success class</p>

     22 <p class="text-info">本行内容带有一个 info class</p>

     23 <p class="text-warning">本行内容带有一个 warning class</p>

     24 <p class="text-danger">本行内容带有一个 danger class</p>

     25 </body>

     26

     27 </html>

CSS 框架之 Bootstrap 的下载和安装的更多相关文章

  1. php 模板框架之smarty 的下载和安装

    Smarty 官网: http://www.smarty.net/ Smarty 下载: https://github.com/smarty-php/smarty/releases/tag/v3.1. ...

  2. 你应该知道的9个优秀的CSS框架

    前端开发是一项非常繁琐的工作,你不仅需要拥有和别人不一样的审美观和设计观,而且需要了解诸如HTML.CSS.JavaScript等错综复杂的技术,因此选择一些优秀的CSS框架或许可以帮助你大大提高工作 ...

  3. 【技术分享会】 @第三期 CSS框架 PRUE 实现自适应和响应式

    Pure网址:https://purecss.cn/ 什么是响应式和自适应? .响应式:样式会随着屏幕大小改变,同一页面设备不同样式不同 .自适应:不管屏幕大小,页面的样式比例不变 响应式和自适应怎么 ...

  4. 8个强大的基于Bootstrap的CSS框架

    做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件.当然,和jQuery一样,Bootstrap同时也是一 ...

  5. atitit。html css框架Bootstrap  Foundation的比较与不同 attilax大总结

    atitit.html css框架Bootstrap  Foundation的比较与不同 attilax大总结 1. Bootstrap  Foundation的比较与不同1 2. Bootstrap ...

  6. Bootflat – 基于 Bootstrap CSS 框架的扁平化界面

    Bootflat 是一个开源的扁平化的 UI 工具包,基于 Bootstrap 3.1.0 CSS 框架.它为 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快,更容易和更少的重复任务的途 ...

  7. Bootstrap 简介(Web前端CSS框架)

    目录1.简介2.特点3.组件4.Javascript插件5.定制自己的框架代码6.Bootstrap Less 1.简介Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Tw ...

  8. Bootstrap（Web前端CSS框架）

    官方定义: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile fi ...

  9. CSS框架Bootstrap

    作为一个软件开发人员,经常接触和使用框架是再平常的事情不过了.但是这些框架基本都是和语言相关的,比如WEB框架SpringMVC,JavaEE框架Spring,ORM框架Hibernate,还有Jav ...

随机推荐

  1. http://www.cnblogs.com/nick-huang/p/4848843.html

    http://www.cnblogs.com/nick-huang/p/4848843.html

  2. 开发者和系统管理者最喜爱的开源工具Vim 起步学习的五个技巧

    多年来,我一直想学 Vim.如今 Vim 是我最喜欢的 Linux 文本编辑器,也是开发者和系统管理者最喜爱的开源工具.我说的学习,指的是真正意义上的学习.想要精通确实很难,所以我只想要达到熟练的水平 ...

  3. Flutter混合栈的管理

    Flutter出现的目的旨在统一Android/IOS两端编程,因此完全基于Flutter开发的App,只需提供一个包含FlutterView的页面,后续页面增加/删除/跳转均在FlutterView ...

  4. apple iMac一体机 装双系统 实战！ （Apple +Win 7 64bit）Good

    原帖:http://group.zol.com.cn/1/641_485.html 需要准备工具:一个8GU盘X1 (或Win7 安装版系统盘) Windows 7 pro 64bit 位 ISO 文 ...

  5. Xcode5 打包 发布配置

    http://www.cnblogs.com/zhaoqingqing/p/3553750.html 主题 Unity导出Xcode项目,使用Xocde打包ipa并提交到AppStore 步骤 1.设 ...

  6. 安卓平台下ARM Mali OpenCL编程-GPU信息检测（转）

    对于ARM Mali GPU,目前是支持OpenCL1.1,所以我们可以利用OpenCL来加速我们的计算. 一直以来,对于Mali GPU的OpenCL编程,一直没有环境来测试.好不容易弄到一个华为M ...

  7. 如何连接oracle,mysql, SQL Server数据库（Java版）

    先添加上连接oracle,MySQL的驱动路径和数据库连接URL: MySQL: final String DBDRIVER = "org.gjt.mm.mysql.Driver" ...

  8. Column count of mysql.user is wrong. Expected 43, found 42. Created with MySQL 50518, now running 50641. Please use mysql_upgrade to fix this error.

    出现问题: Column count of mysql.user is wrong. Expected 43, found 42. Created with MySQL 50518, now runn ...

  9. 在where子句中经常使用的运算符

    比较运算符 >   <   <=   >=   =    <> 大于.小于.大于(小于)等于.不等于 BETWEEN  ...AND... 显示在某一区间的值 IN ...

  10. python 的集合 set（）操作

      Python 的集合 set(),是一个无序不重复元素集,可以用于关系测试和消除重复元素.     有以下运算:   1.创建一个set ()集合:   2.add:增加集合元素   3.clea ...