Bootstrap栅格系统教程.doc

第六课 Bootstrap栅格系统 流式布局容器 HYPERLINK /css/ 将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。 复制 div class=container-fluid div class=row ... /div /div 列偏移 .col-md-offset-* 嵌套列 为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 .row 元素和一系列 .col-sm-*元素到已经存在的 .col-sm-* 元素内。被嵌套的行（row）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列）。 列排序 通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序 排版 标题 在标题内还可以包含 small 标签或赋予 .small 类的元素，可以用来标记副标题。 页面主体 Bootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予body 元素和所有段落元素。另外，p （段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）。 中心内容 HYPERLINK /css/ 通过添加 .lead 类可以让段落突出显示。 手机访问本地文件 安装IIS信息管理服务器-》设置访问路径  HYPERLINK http://localhost/ http://localhost/ 利用信息管理服务器访问 远程访问 1、查看了本地机器的ip 打开手机的浏览器，在地址栏中输入查到的ip 3、连接上 如输入网址后无法链接，服务器停止响应，解决方法是：控制面板-》windows防火墙-》关闭 手机局域网内远程访问必须具备以下条件： 必须装有信息管理服务器，并且确保正常运行指向文件目录 移动设备须跟pc机处于同一网络内 *移动设备访问时，字体不正常显示可查看头部是否加了meta meta name=viewport content=width=device-width, initial-scale=1 手机测试插件 window Resizer 内联文本元素 You can use the mark tag to markhighlight/mark text. 被删除的文本 HYPERLINK /css/ 对于被删除的文本使用 del 标签。 插入文本 insThis line of text is meant to be treated as an addition to the document./ins 带下划线的文本 uThis line of text will render as underlined/u 小号文本 smallThis line of text is meant to be treated as fine print./small 着重 strongrendered as bold text/strong 对齐 改变大小写 缩略语 首字母缩略语 abbr title=HyperText Markup Language class=initialismHTML/abbr 地址 引用 blockquote pLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante./p /blockquote