第一章 Bootstrap简介

一、Bootstrap简介

   Bootstrap是基于 HTML、CSS、JAVASCRIPT 的前端框架,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

版本

  目前使用较广的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.7。

  在2015年8月下旬,Bootstrap四周岁之际,Bootstrap团队发布了Bootstrap 4 alpha版,4的最主要变化包括以下方面:

  • 从 Less 迁移到 Sass
  • 改进网格系统
  • 缺省弹性框支持
  • Dropped wells, thumbnails, and panels for cards
  • 合并所有 HTML resets 到一个新的模块中:Reboot
  • 全新自定义选项
  • 不再支持 IE8
  • 重写所有的 JavaScript 插件
  • 改进工具提示和 popovers 的自动定位
  • 改进文档
  • 其他大量改进

  

二、使用配置

  中文官网:www.bootcss.com ,该网站包含Bootstrap的各个版本的在线文档、以及各种相关的插件

  英文官网:https://getbootstrap.com/  

 

  在http://v3.bootcss.com/getting-started/中,可以下载Bootstrap,

下载压缩包之后,将其解压缩到任意目录即可看到以下目录结构:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

这是最基本的Bootstrap组织形式:未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons。

包内容

  • 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
  • CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。
  • 组件:Bootstrap 包含了十几个可重用的组件,其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
  • JavaScript 插件:Bootstrap包含了十几个自定义的jQuery 插件。其中包括:模式对话框、标签页、滚动条、弹出框等。
  • 定制:您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。

使用要点

1.项目中配置bootstrap

  引用jquery-1.9.1.js,bootstrap.min.js,bootstrap.css

2.IIS 添加mime类型 .woff

  application/x-font-woff

  注意:VS发布后确保bootstrap下的文件都有拷贝过去,如果没有,请手动拷贝,否则出现图标不显示等问题

 

代替方案:使用web.config配置

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff" />
    </staticContent>
  </system.webServer>

 

3.插件推荐

  树形插件:https://gist.github.com/clayzermk1/3317341#file-bootstrap-listtree-css

4.图标 Font Awesome 

  http://www.bootcss.com/p/font-awesome/

5. Visual Studio 和 bootstrap

  在vs2013发布之后,创建mvc的项目自带了bootstrap库,然而版本库是.net Framework4.5以上,如果使用.NET 4.0 是不包含bootstrap的

 

 

 参考文章:

https://baike.baidu.com/item/Bootstrap/8301528?fr=aladdin

 

时间: 2024-08-03 10:05:49

第一章 Bootstrap简介的相关文章

第一章 C#简介(rainbow 翻译) (转自重粒子空间)

<展现 C#> 第一章 C#简介(rainbow 翻译)   出处:http://www.informit.com/matter/ser0000001/chapter1/ch01.shtml 正文: 展现   C#  第一章                      C#    简介 欢迎您加入C#的世界! 这一章将把您引进C#的天地,并回答一些相关的问题,如:您为什么要使用C#,C++和C#的主要有什么不同点,以及为什么C#使开发更容易而且还使您感到很有趣.为什么是另外一种编程语言?必须回答

《.net编程先锋C#》第一章 C#简介(转)

编程 第一章 C# 简介 欢迎您加入C#的世界! 这一章将把您引进C#的天地,并回答一些相关的问题,如:您为什么要使用C#,C++和C#的主要有什么不同点,以及为什么C#使开发更容易而且还使您感到很有趣.为什么是另外一种编程语言? 必须回答的一个问题:当您已经使用C++或VB从事企业开发时,为什么还要学习另一种语言? 市场式的回答就是:"在企业计算领域,C#将会变成为用于编写"下一代窗口服务"(Next Generation Windows Services,简写为NGWS

《深入理解LLVM》第一章 LLVM简介

第一章 LLVM简介 作者:史宁宁 1.1 LLVM是什么 LLVM是什么?这是一个虽然基础,但是也曾经让很多新入门的人迷惑的一个问题.从字面上来讲,LLVM(Low Level Virtual Machine)是一个底层虚拟机,LLVM曾经有一部分功能对虚拟机有所帮助.但是现在,LLVM所代表的基本和虚拟机没有关系了,也不在作为一个缩写使用了,而是直接作为一个名字使用.那么LLVM到底是什么? LLVM可以被看作是一系列的编译器和工具链技术的集合,而且它们是模块化并且是可重用的.这是LLVM官

第一章 PHP简介

第一章 PHP简介 PHP 是一种服务器内置式的script 语言,它的出现使得在unix上快速地开发动态web成为现实. PHP是Rasmus Lerdorf在1994年秋天构思出来的.最早的未发行版本是他在自己的主页上来用来和观看他的在线简历的人保持联系的.第一个交付用户使用的版本是在1995年初发行的,它只是被当作一个个人主页制作工具.当时它仅包括一个只能懂得很少几条宏指令的非常简单的分析引擎和一组用于主页信息反馈的工具(一个留言簿,一个计数器和一些其他的东西).1995年年中,Rasmu

第一章 Libgdx简介

Android游戏开发群:290051794 Libgdx游戏开发框架交流群:261954621 Libgdx是一个跨平台的开发框架.它目前支持的平台有Windows,Mac OS X,Android,IOS和HTML5. Libgdx允许你可以将代码不经任何修改的部署到多个平台.而不是修改你的代码适应不同的平台或者直接编译到HTML5.你可以在一个桌面开发环境中迅速部署你的代码.你可以使用所有的Java生态系统中的开发工具. Libgdx可以在底层进行操作.可以让你直接访问文件系统,输入设备,

《.net编程先锋C#》第一章 C#简介

编程 第一章 C# 简介 欢迎您加入C#的世界! 这一章将把您引进C#的天地,并回答一些相关的问题,如:您为什么要使用C#,C++和C#的主要有什么不同点,以及为什么C#使开发更容易而且还使您感到很有趣.为什么是另外一种编程语言? 必须回答的一个问题:当您已经使用C++或VB从事企业开发时,为什么还要学习另一种语言? 市场式的回答就是:"在企业计算领域,C#将会变成为用于编写"下一代窗口服务"(Next Generation Windows Services,简写为NGWS

第一章、操作系统基本简介

第一章.操作系统基本简介 1.1 操作系统的目标和作用 操作系统目标 方便性 有效性:提供系统资源利用率:提高系统吞吐量. 可扩充性 开发性 操作系统的作用 作为用户与计算机硬件系统之间的接口 作为计算机系统资源的管理者 实现了对计算机资源的抽象 操作系统的主要工作 执行程序 为用户提供良好的界面 管理整个系统的各种资源 计算机系统的效率和安全问题 1.2 操作系统的发展过程 总括 未配置操作系统的计算机系统--->单道批处理系统-->多道批处理系统-->分时系统-->实时系统--

第一章 andriod studio 安装与环境搭建

原文 http://blog.csdn.net/zhanghefu/article/details/9286123 第一章   andriod studio 安装与环境搭建   一.Android Studio简介 Android Studio是Google新发布的Android应用程序开发环境,Android Studio是基于IntelliJ IDEA开发而成的.在Android Studio开发环境中,Android开发者可以非常方便地调试Android应用程序,Android Studi

ArcGIS for Desktop入门教程_第二章_Desktop简介 - ArcGIS知乎-新一代ArcGIS问答社区

原文:ArcGIS for Desktop入门教程_第二章_Desktop简介 - ArcGIS知乎-新一代ArcGIS问答社区 1 Desktop简介1.1 ArcGIS for Desktop ArcGIS for Desktop是ArcGIS产品线上的桌面端软件产品,为GIS专业人士提供的信息制作和使用的工具.利用ArcGIS for Desktop,你可以实现任何从简单到复杂的GIS任务,包括制图,地理分析,数据编辑,数据管理,可视化和空间处理等.它可以作为三个独立的软件产品购买,每个产