Document col-1 col-2 col-3 col-4 col-5 col-6 col-7 col-8 col-9 col-10... ...
分类:
其他好文 时间:
2017-03-12 16:22:51
阅读次数:
205
说明使用单一的一组.col-md-*栅格类,就可以创建一个基本的栅格系统,在手机和平板设备上一开始是堆叠在一起的
(超小屏幕到小屏幕这一范围),在桌面(中等)屏幕设备上变为水平排列。所有“列(column)必须放在”.row
内示例<!DOCTYPEhtml>
<htmllang="zh-CN">
..
分类:
其他好文 时间:
2017-02-14 22:36:55
阅读次数:
186
栅格系统 --> =768px min-width 750px平板 col-sm >=992px min-width 970px中等屏幕 col-md >=1200px min-width 1170px大屏幕 col-lg --> ... ...
分类:
其他好文 时间:
2017-02-12 16:54:40
阅读次数:
132
标注下,正好最近关注前段框架 1. CSS-12栅格系统 把网页宽度均分为12等分(保留15位精度)——这是bootstrap的核心功能。 2.基础布局组件 包括排版、按钮、表格、布局、表单等等。 3.jQuery bootstrap插件的基础 4.响应式设计 兼容多个终端。这是bootstrap的 ...
分类:
其他好文 时间:
2017-02-02 17:34:25
阅读次数:
242
BootStrap BootStrap的简介 1. 什么是Bootstrap 由两个前端设计师开发的一个前端的框架(Html,css,js) 简化了程序员写css的代码 2. 为什么使用BootStrap,有什么特点 l 学习比较简单,有了Html,css和js就能学习 l 响应式布局,可以适应多种 ...
分类:
其他好文 时间:
2017-01-17 20:18:14
阅读次数:
231
2.栅格系统 container-fluid 自适应宽度100% container 固定宽度(适应响应式) 屏幕宽度=x x>=1200 1170 992<=x<1200 970 768<=x<992 750 x<=768 auto 注意这俩个class不能放在一起,也就是说不能相互嵌套 如果不想 ...
分类:
其他好文 时间:
2017-01-07 18:31:41
阅读次数:
320
bootstrap-全局css样式 1.bootstrap是一个前端框架 2.基本模板:viewport视口可以解决移动端设备网页自适应问题 3.版心(.container) 流式版心(.container-fluid)宽度100%(游览器的宽度) 4.栅格系统 (一行分成12分,每一列都可以在行中 ...
分类:
Web程序 时间:
2017-01-06 10:52:37
阅读次数:
199
1 2 3 4 5 Document 6 7 8 23 24 25 26 27 28 29 30 31 32 33 34 ... ...
分类:
其他好文 时间:
2017-01-05 20:22:44
阅读次数:
240
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 bootstrap通过媒体查询解决不同分辨率屏幕下,页面主内容的宽度问题: @media (min-width: 1200px){.container:widt ...
分类:
其他好文 时间:
2016-12-23 22:25:23
阅读次数:
350