Bootstrap中CSS的使用方法，供大家参考，具体内容如下

1、GitHub上这样介绍 bootstrap：

☑  简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。
☑  基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。
☑  自定义JQuery插件，完整的类库，基于Less等。

2、bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。

同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：

3、Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，您需要使用 HTML5 文档类型（Doctype）

4、Bootstrap 3 的设计目标是移动设备优先，然后才是桌面设备。为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示：
（initial-scale=1.0, maximum-scale=1.0, user-scalable=no）

5、响应式图像

<img src="..." class="img-responsive" alt="响应式图像">

通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对响应式布局的支持更友好。

6、全局样式（reset.css）
Bootstrap框架在这一部分做了一定的变更，不再一味追求归零，而是更注重重置可能产生问题的样式（如，body,form的margin等），保留和坚持部分浏览器的基础样式，解决部分潜在的问题，提升一些细节的体验，具体说明如下：

• 移除body的margin声明
• 设置body的背景色为白色
• 为排版设置了基本的字体、字号和行高
• 设置全局链接颜色，且当链接处于悬浮“:hover”状态时才会显示下划线样式

Bootstrap 3 使用 body {margin: 0;} 来移除 body 的边距。
请看下面有关 body 的设置：

body { 
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; 
font-size: 14px; 
line-height: 1.428571429; 
color: #333333; 
background-color: #ffffff; 
} 

7、避免跨浏览器的不一致

Bootstrap 使用 Normalize 来建立跨浏览器的一致性。
Normalize.css 是一个很小的 CSS 文件，在 HTML 元素的默认样式中提供了更好的跨浏览器一致性。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Bootstrap  # CSS  # Bootstrap轮播加上css3动画  # 炫酷到底！  # BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法  # Bootstrap中CSS的使用方法  # bootstrap和jQuery.Gantt的css冲突 如何解决  # Bootstrap学习笔记之css组件(3)  # Bootstrap学习笔记之css样式设计(2)  # Bootstrap学习笔记之css样式设计(1)  # Bootstrap CSS组件之按钮下拉菜单  # Bootstrap CSS组件之导航(nav)  # Bootstrap CSS组件之按钮组(btn-group)  # 为使  # 移除  # 是一个  # 文档  # 才是  # 在这  # 下划线  # 自定义  # 所示  # 您需要  # 时才  # 具体内容  # 大家多多  # 更注重  # 背景色  # 版本浏览器  # 类库  # 使用了  # 可用于  # strong 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  微信公众帐号开发教程之图文消息全攻略  Laravel如何与Pusher实现实时通信？（WebSocket示例）  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  JavaScript数据类型有哪些_如何准确判断一个变量的类型  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  javascript中对象的定义、使用以及对象和原型链操作小结  如何在阿里云域名上完成建站全流程？  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Laravel如何实现多对多模型关联？（Eloquent教程）  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  如何在万网开始建站？分步指南解析  如何快速搭建高效可靠的建站解决方案？  高防服务器如何保障网站安全无虞？  香港网站服务器数量如何影响SEO优化效果？  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  晋江文学城电脑版官网 晋江文学城网页版直接进入  如何在建站之星网店版论坛获取技术支持？  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  香港服务器部署网站为何提示未备案？  如何挑选高效建站主机与优质域名？  如何快速选择适合个人网站的云服务器配置？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  如何自定义建站之星模板颜色并下载新样式？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  实例解析Array和String方法  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  使用C语言编写圣诞表白程序  Laravel如何实现用户注册和登录？（Auth脚手架指南）  制作企业网站建设方案,怎样建设一个公司网站？  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  Android中AutoCompleteTextView自动提示  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  如何基于云服务器快速搭建个人网站？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  微信小程序 canvas开发实例及注意事项  西安专业网站制作公司有哪些,陕西省建行官方网站？  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  Linux系统命令中screen命令详解  如何实现javascript表单验证_正则表达式有哪些实用技巧  简单实现jsp分页  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  BootStrap整体框架之基础布局组件  新三国志曹操传主线渭水交兵攻略