
BootStrap
一直特立独行的猫
海牙...全是水...
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
BootstrapTest_2(栅格系统)
栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。 为了进行更好的布局管理,在Bootstrap之中提供了一种“GridSystem”栅格系统,利用栅格布局可以很好的根据屏幕的宽度来进行信息的展示。简介栅格系统用于通过一系列的行(原创 2016-07-05 23:26:18 · 645 阅读 · 0 评论 -
BootstrapTest_1(认识Bootstrap)
BootStrapBootStrap是由Twitter发布的一个前端页面开发框架,BootStrap框架本身是在JQuery框架基础之上开发出来的,所以兼容大部分的JQuery插件。在BootStrap框架之中提供了更为人性化的设计,例如:CSS布局,JavaScript插件等等,用户利用这写样式以及插件就可以轻松的实现各种华丽的页面页面显示效果。BootStrap 下载BootStrap中文官网下原创 2016-07-05 22:37:24 · 1968 阅读 · 0 评论 -
BootstrapTest_3(基础排板样式)
标题样式h1~h6 如果要显示标题,最早我们只能通过””这样的元素完成,但是用了bootstrap之后我们可以直接在“、”元素中指定样式,实现类似的功能<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DT原创 2016-07-07 01:15:37 · 773 阅读 · 0 评论 -
BootstrapTest_3(基础排板样式-2)
列表样式定义.list-inline { padding-left: 0; margin-left: -5px; list-style: none;}.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px;}代码body>div clas原创 2016-07-13 19:06:46 · 416 阅读 · 0 评论