4、Strap3saleopt@163.comCSSBootstrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5文档类型。在你项目中的每个页面都要参照下面的格式进行设置。Bootstrap是移动设备优先的。为了确保适当的绘制和触屏缩放，需要在之中添加viewport元数据标签。BootStrap3saleopt@163.comCSS–栅格系统Bootstrap栅格系统的工作原理：“行（row）”必须包含在.container中，以便为其赋予排列（aligment）和内补（padding）。使用“行（row）”在水平方向创建一组“列（colu

5、mn）”。内容应放置于“列（column）”内，只有“列（column）”可以作为行（row）”的直接子元素。类似Predefinedgridclasseslike.rowand.col-xs-4这些预定义的栅格class可以用来快速创建栅格布局。通过设置padding从而创建“列（column）”之间的间隔（gutter）。然后通过为第一和最后一样设置负值的margin从而抵消掉padding的影响。栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个.col-xs-4来创建。栅格与全宽布局Gridsandfull-widthlay

6、outs对于需要占据整个浏览器视口（viewport）的页面，需要将内容区域包裹在一个容器元素内，并且赋予padding:015px;，为的是抵消掉为.row所设置的margin:0-15px;（如果不这样的话，你的页面会左右超出视口15px，页面底部出现横向滚动条）。BootStrap3saleopt@163.comCSS–栅格系统–从堆叠到水平BootStrap3saleopt@163.comCSS–栅格系统–列偏移使用.col-md-offset-*可以将列偏移到右侧。这些class通过使用*选择器将所有列增加了列的左侧margin。BootStrap3saleopt

7、@163.comCSS–栅格系统–嵌套列为了使用内置的栅格将内容嵌套，通过添加一个新的.row和一系列.col-md-*列到已经存在的.col-md-*列内即可实现。嵌套row所包含的列加起来应该等于12。BootStrap3saleopt@163.comCSS–标题

到

均可用，还提供了.h1到.h6class，为的是给inline属性的文本赋予标题的样式。BootStrap3saleopt@163.comCSS–页面主体Bootstrap将全局font-size设置为1

当前文档最多预览五页，下载文档查看全文

侵权申诉 举报

此文档下载收益归作者所有

下载文档

当前文档最多预览五页，下载文档查看全文

点击下载本文档

• 版权提示
• 下载文档

举报

温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。

相关文章

更多

• pvs5.0laboutline-student-v0.5
• odev0.5用户指南
• 浮动静态路由教案v0.5
• 浮动静态路由教案v0.5
• 炼铁oa系统-技术附件v0.5
• 新网站设计总体规范v0.5
• usb基础知识概论v0.5
• FIX协议介绍_v0.5
• PADS功能使用技巧V0.5
• bootstrap2和bootstrap3的用法区别概述(一).doc

相关标签

学习