首先章 Bootstrap简介

一、Bootstrap简介

   Bootstrap是依照 HTML、CSS、JAVASC奇骏IPT 的前端框架,它简洁利落,使得
Web 开发尤其快速。它由推特的设计师马克 奥托和JacobThornton同盟开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它正是由动态CSS语言Less写成。

版本

  近日应用较广的是版本贰和三,当中二的新型版本的是贰.三.二,3的摩登版本是三.三.七。

  在20壹⑤年6月下旬,Bootstrap4岁之际,Bootstrap团队透露了Bootstrap 4阿尔法版,肆的最重点变化包涵以下方面:

  • 从 Less 迁移到 Sass

  • 咬文嚼字网格系统

  • 缺省弹性框匡助

  • Dropped wells, thumbnails, and panels for cards

  • 集合全数 HTML resets 到一个新的模块中:Reboot

  • 全新自定义选项

  • 不再帮忙 IE八

  • 重写全数的 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
    包涵了十多个可选用的零件,当中囊括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进程条、媒体对象等。

  • Bootstrap,JavaScript 插件:Bootstrap包涵了18个自定义的jQuery
    插件。当中囊括:方式对话框、标签页、滚动条、弹出框等。

  • 定制:您能够定制Bootstrap的零部件、LESS 变量和jQuery
    插件来得到你本人的版本。

动用要点

壹.档次中布署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/

  1. Visual Studio 和 bootstrap

  在vs201叁发表之后,创建mvc的种类自带了bootstrap库,然则版本库是.net
Framework四.5上述,假使使用.NET 肆.0 是不包涵bootstrap的

 

 

 参考小说:

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

 

相关文章