摘要: bootstrap练习笔记-巨幕和流体布局 1.在bootstrap中 .jumbotron可以设置巨幕效果 2.div.jumnotron自动设置一个黑色的巨幕效果 3.div.container 表示宽度为1200的时候显示效果 4.div.fluid表示采用流体布局(百分比布局) 5.Img. 阅读全文
posted @ 2016-10-31 09:14 周起 阅读(1828) 评论(0) 推荐(0) 编辑
摘要: bootstrap练习笔记-缩略图 1.其实缩略图很简单,只要按照固定的格式来设计 div.container 总容器 在宽度为1200px以上 div.row 一行内容 div.col-lg-3.col-md-4.col-sm-6.col-xs-12 表示在大于1200px (992px,1200 阅读全文
posted @ 2016-10-31 09:14 周起 阅读(946) 评论(0) 推荐(0) 编辑
摘要: bootstrap练习笔记-多媒体对象 1.在bootstrap中,如果想存放内容,一种解决的方式就是利用media这个class 首先要设置一个div.container作为一个总的容器来存放内容 div.row表示一行,一般结合栅格布局 一般格式如下 <div class=’row’> <div 阅读全文
posted @ 2016-10-31 09:13 周起 阅读(209) 评论(0) 推荐(0) 编辑
摘要: bootstrap练习笔记-内容区块 1.bootstrap中,采用的全部是div布局,把你的内容首先要包含在一个大的DIV区块当中 2.然后再写一个div.container,这个div里面存放真正的内容 3.div.row表示这个div占据一整行 4.div.row>div.col-md-6.c 阅读全文
posted @ 2016-10-31 09:13 周起 阅读(882) 评论(0) 推荐(0) 编辑
摘要: bootstrap练习笔记 1.关于导航栏 官网链接:http://v3.bootcss.com/components/#nav 结构大概是这样的: nav标签标识导航栏 class为navbar 告诉BS这是一个导航条 navbar-default 标识引入默认的导航条样式 navbar-fixe 阅读全文
posted @ 2016-10-31 09:12 周起 阅读(420) 评论(0) 推荐(0) 编辑
摘要: bootstrap练习笔记-轮播图 1.要使用轮播图,首先要将其放在一个主div里面 设置id为myCaroysel class为carousel slide 设置id是标识这个div是轮播图,等到li下面的按钮来指向它,当然可以用其他id Class carousel标识这个是一个轮播图样式 sl 阅读全文
posted @ 2016-10-31 09:12 周起 阅读(404) 评论(0) 推荐(0) 编辑