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 】

相关推荐： 黑客如何通过漏洞一步步攻陷网站服务器？  HTML 中动态设置元素 name 属性的正确语法详解  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  如何挑选高效建站主机与优质域名？  ,在苏州找工作，上哪个网站比较好？  Laravel怎么调用外部API_Laravel Http Client客户端使用  如何快速搭建高效WAP手机网站？  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  手机网站制作与建设方案,手机网站如何建设？  Java遍历集合的三种方式  Laravel如何使用.env文件管理环境变量？（最佳实践）  微信小程序 require机制详解及实例代码  如何实现建站之星域名转发设置？  怎么用AI帮你为初创公司进行市场定位分析？  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  iOS UIView常见属性方法小结  Java垃圾回收器的方法和原理总结  西安专业网站制作公司有哪些,陕西省建行官方网站？  EditPlus中的正则表达式 实战(2)  如何快速完成中国万网建站详细流程？  如何彻底删除建站之星生成的Banner？  如何快速使用云服务器搭建个人网站？  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  如何快速辨别茅台真假？关键步骤解析  Laravel如何处理异常和错误？（Handler示例）  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  海南网站制作公司有哪些,海口网是哪家的？  Laravel如何编写单元测试和功能测试？（PHPUnit示例）  Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)  JavaScript如何实现倒计时_时间函数如何精确控制  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  魔毅自助建站系统：模板定制与SEO优化一键生成指南  js实现获取鼠标当前的位置  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  详解jQuery中的事件  如何确保FTP站点访问权限与数据传输安全？  Laravel如何实现文件上传和存储？（本地与S3配置）  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  如何用IIS7快速搭建并优化网站站点？  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理