bootstrap tips

使用 BootCDN 提供的免费 CDN 加速服务（同时支持 http 和 https 协议）

Bootstrap 中文网联合又拍云共同为 Bootstrap 专门构建了免费的 CDN 加速服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。BootCDN 还对大量的前端开源工具库提供了 CDN 加速服务，请进入BootCDN 主页查看更多可用的工具库。

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

如果想要兼容

<!--[if lt IE 9]>

<![endif]-->

这个是必要的

Internet Explorer 8 需要 Respond.js 配合才能实现对媒体查询（media query）的支持。

Internet Explorer 10 并没有对屏幕的宽度和视口（viewport）的宽度进行区分，这就导致 Bootstrap 中的媒体查询并不能很好的发挥作用。为了解决这个问题，你可以引入下面列出的这段 CSS 代码暂时修复此问题：

@-ms-viewport       { width: device-width; }

如果感觉图标不够用这个是不错的选择

最简单的 Bootstrap + Font Awesome 集成方式

使用这种方式将 Font Awesome 集成到默认的 Bootstrap CSS中。

拷贝 Font Awesome 字体目录到你的项目中。
font-awesome.min.css 文件到你的项目中。
打开你的项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置。
字体路径是相对于你的 CSS 目录的。
在html文档中的 <head> 部分，引入 font-awesome.min.css 文件。
```
    
```
1. <link rel="stylesheet" href="../css/bootstrap.min.css">
2. <link rel="stylesheet" href="../css/font-awesome.min.css">
在浏览器中打开页面，检查是否正确启用了 Font Awesome!

bootstrap tips相关推荐

bootstrap 悬浮固定_CST Tech Tips - 流式细胞术中如何固定和通透细胞？
CST TECH TIPS 系列课程欢迎关注「CST博士互助平台」有关流式细胞术(Flow Cytometry,FCM)实验步骤中的固定和通透化,你需要了解什么? 进行流式细胞术,如果你所有的靶标 ...
类似 Google Tips 页面的卡片式提示和翻转特效
这款 jQuery 插件用于实现类似 Google Tips 页面的卡片式提示和翻转的交互特效.你可以根据自己的需要定制动画效果参数,定义回调函数来控制行为.因为使用了 CSS3,所以只支持 Chro ...
Springmvc Bootstrap Ajax项目
本篇文章,我们会教你通过maven和spring mvc + bootstrap创建一个Java web项目的欢迎页,并通过Ajax方式提交一个表单,并实现前台与后台的连接. 开发环境: 1.jdk ...
【BootStrap】概述 CSS
BootStrap BootStrap由Twitter开发,基于HTML,CSS,JS,是一套前端框架.它的特点是对浏览器良好的支持(目前市面上所有流行浏览器都可以),兼容移动设备,以及响应式设计(响 ...
Bootstrap完美select标签下拉菜单实现
Bootstrap <select>下拉菜单实现初级者使用bootstrap框架时,大部分对官方提供的下拉菜单dropdown组件不是很感冒! 所以,这里就提供简单原生下拉标签<s ...
（转）基于Metronic的Bootstrap开发框架经验总结（6）--对话框及提示框的处理和优化...
http://www.cnblogs.com/wuhuacong/p/4775282.html 在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验 ...
使用Bootstrap制作右键单击自定义菜单
我们可以轻松地通过右键单击创建一个漂亮的自定义菜单. 让我们创建一个div右键单击启用自定义菜单. <div class="col-lg-6 bg-info" id=&quo ...
ASP.NET Gridview的简单的Bootstrap分页
Gridview的仅用CSS的Bootstrap分页介绍本文描述了使用bootstrap CSS的.table类的ASP.NET gridview的bootstrap分页实现. 我最近在boots ...
Bootstrap+angularjs+MVC3+分页技术+角色权限验证系统
1.Bootstrap使用教程相关教程: http://www.bootcss.com/components.html 页面使用代码: <script src="@Url.Conte ...

bootstrap tips

使用 BootCDN 提供的免费 CDN 加速服务（同时支持 http 和 https 协议）

最简单的 Bootstrap + Font Awesome 集成方式

bootstrap tips相关推荐

最新文章

热门文章