浅析BootStrap栅格系统
发布时间:2020-12-18 00:53:26 所属栏目:安全 来源:网络整理
导读:1、简介 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加, 。它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局。 2、栅格选项 bootstrap3.x使用了四种栅格选项来形成栅格系统,
1、简介Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加, 。它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局。
通过下表可以详细查看Bootstrap的栅格系统如何在多种屏幕设备上工作的。 3、列偏移使用.col-md-offset-*可以将列偏移到右侧。这些class通过使用*选择器将所有列增加了列的左侧margin。例如,.col-md-offset-4将.col-md-4向右移动了4个列的宽度。 4、嵌套列为了使用内置的栅格将内容嵌套,通过添加一个新的.row和一系列.col-md-*列到已经存在的.col-md-*列内即可实现。嵌套row所包含的列加起来应该等于12 <pre class="brush:js;"> <%@ page language="java" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); %> <!DOCTYPE html> <html lang="zh-cn"> |