摘要: 所谓响应式布局,就是根据浏览尺寸的不同,做出相应的变化 其原理是利用 CSS3 的 media queries 判断浏览窗口的尺寸 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Medi 阅读全文
posted @ 2016-08-06 21:54 csnmd 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 之前的布局都是固定了,不管实际页面的大小 如果要改成流动布局,只需要将 container 类改成 container-fluid 即可 然后把 row 类改成 row-fluid 所谓流动布局,就是其不再是固定像素大小,而采用了百分比 一旦改成了流动布局后,神奇的一幕就出现了,当我们去改变浏览器大 阅读全文
posted @ 2016-08-06 15:08 csnmd 阅读(1196) 评论(0) 推荐(0) 编辑
摘要: 对于区块3,其本身已经是占用了4个网格了,如果其下的内容要再二等分,就是各自再占用2个网格,并且这两个网格需要被row类包含 阅读全文
posted @ 2016-08-06 14:56 csnmd 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 说明: 阅读全文
posted @ 2016-08-06 14:41 csnmd 阅读(691) 评论(0) 推荐(0) 编辑
摘要: BootStrap主要是一个CSS框架,用于页面布局 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link type="text/css" rel=" 阅读全文
posted @ 2016-08-06 14:13 csnmd 阅读(18469) 评论(0) 推荐(0) 编辑