随笔分类 -  BootStrap

BootStrap_04之jQuery插件（导航、轮播）、以及Less
摘要：1、列偏移与列排序： ①列偏移：控制列出现的位置，某列偏移后，后序列会随之偏移——只能右偏移； col-lg/md/sm/xs-offset-*; ②列排序：控制某一列的位置，该列可以左（pull）右（push）调整，其排序后，其它列不受影响； col-lg/md/sm/xs-push-*：右移； 阅读全文
posted @ 2016-11-19 17:22 Jupiter258 阅读(563) 评论(0) 推荐(0)
BootStrap_03之组件（手风琴、导航）
摘要：1、BootStrap组件——按钮组： .btn-group>.btn*5； .btn-group-justified； .btn-group-lg/sm/xs； .btn-group-vertical——竖直按钮组；2、BootStrap组件——下拉菜单： 下拉菜单必须三级结构： <div cla 阅读全文
posted @ 2016-11-17 16:52 Jupiter258 阅读(1805) 评论(0) 推荐(2)
BootStrap_02之全局样式及组件
摘要：1、BootStrap指定的四种屏幕尺寸： ①超大PC屏幕——lg（large）：w>=1200px； ②中等PC屏幕——md（medium）：1200px>w>=992px； ③Pad屏幕——sm（small）：992px>w>=768px； ④Phone屏幕——xs(extra small)：7 阅读全文
posted @ 2016-11-17 08:42 Jupiter258 阅读(555) 评论(1) 推荐(0)
BootStrap_01之全局样式
摘要：1、响应式网页： ①Responsive Web Page：一个可以根据浏览设备的不同，而自动更改布局、图片、文字效果的网页； ②构成：不能固定宽度，必须流式布局；文字和图片大小随容器大小而改变；CSS3 Media Query；2、响应式网页编写： ①必须声明viewport元标签： <meta 阅读全文
posted @ 2016-11-16 21:06 Jupiter258 阅读(303) 评论(0) 推荐(0)