深入理解bootstrap

以下是为您整理出来关于【深入理解bootstrap】合集内容,如果觉得还不错,请帮忙转发推荐。

【深入理解bootstrap】技术教程文章

《深入理解bootstrap》、:CSS组件【图】

bootstrap三大核心之二。包括glyphicon图标,下拉菜单(dropdown),按钮组(button group)....等等。一. 图标字体bootstrap3提供了200多个免费图标字体。认为它是一个字。arial-hidden="true".sr-only(只读)1. 引入方法:i标签是已经废弃了的html斜体标签。用span也可以。使用时必须基于glyphicon glyphicon-xxx两个类的样式。2. 实现机制:(1)雪碧技术:允许无损放大,减少图片大小,减少网页的请求次数。把网页的背景图片整...

《深入理解bootstrap》读书笔记:第4章CSS组件(下)

十. 标签(.label类,label-xxx) 高亮一些标题部分。<div class="wiz-table-container" style="padding: 15px 0px 5px; position: relative; border: 0px !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; width: auto !important; font-family: Consolas, "Bitstream Vera S...

《深入理解bootstrap》读书笔记:第4章CSS组件(上)【图】

bootstrap三大核心之二。 包括glyphicon图标,下拉菜单(dropdown),按钮组(button group)....等等。 一. 图标字体 bootstrap3提供了200多个免费图标字体。认为它是一个字。 arial-hidden="true" .sr-only(只读) 1. 引入方法:<div class="wiz-table-container" style="padding: 15px 0px 5px; position: relative; border: 0px !important; float: none !important; left: auto !important; line-height: 1.1em !important; ...

《深入理解bootstrap》读书笔记:第三章CSS布局【图】

一. 概述一下理念 bootstrap基于H5开发。提倡移动先行(媒询声明是必须的),对浏览器支持面不是很广。 响应式图片:max-width:100% height:auto; 可以加上:.img-responsive类 排版方面的基本样式为: body的margin为0,背景色为白色,行间距为20/14倍 使用Normalize.css库,使各个浏览器差别最小化 居中容器container有一个最大范围。(最大左右margin为auto,和设备有关)二. 文字基础排版(全局设置)1.标题(h标记和small标记...

《深入理解bootstrap》读书笔记:第二章整体架构【图】

一. 整体架构1. CSS-12栅格系统 把网页宽度均分为12等分(保留15位精度)——这是bootstrap的核心功能。 2.基础布局组件 包括排版、按钮、表格、布局、表单等等。 3.jQuery bootstrap插件的基础 4.响应式设计 兼容多个终端。这是bootstrap的终极理念。 5.css插件 提供丰富的样式。 6.js插件 二. 栅格系统 1.基本实现过程 定义容器的大小——跳转边距——媒询 有以下要求: (1)一行(row)数据必须包含在.container中。 .contain...

《深入理解bootstrap》读书笔记:第一章入门准备【图】

一.bootstrap框架简介 Bootstrap是最流行的前端开发框架。 什么是框架:开发过程的半成品。 bootstrap具有以下重要特性: (1)完整的CSS样式插件 (2)丰富的预定义样式表 (3)基于jQuery的插件集 (4)灵活的栅格系统 以下将简单介绍对bootstrap可能用到的知识进行梳理。二.新手入门 笔者使用版本是3.3.x 在bootstrap中文官网可以找到以下界面本书采用预编译的版本进行学习三. 文件结构生产环境使用bootstrap.min.css和bootstra...

深入理解bootstrap框架之入门准备【图】

一.bootstrap框架简介 Bootstrap是最流行的前端开发框架。 什么是框架:开发过程的半成品。 bootstrap具有以下重要特性: (1)完整的CSS样式插件 (2)丰富的预定义样式表 (3)基于jQuery的插件集 (4)灵活的栅格系统 以下将简单介绍对bootstrap可能用到的知识进行梳理。二.新手入门 笔者使用版本是3.3.x 在bootstrap中文官网可以找到以下界面 本书采用预编译的版本进行学习 三. 文件结构生产环境使用bootstrap.min.css和bootst...

深入理解bootstrap框架之第二章整体架构【图】

一. 整体架构1. CSS-12栅格系统 把网页宽度均分为12等分(保留15位精度)——这是bootstrap的核心功能。 2.基础布局组件 包括排版、按钮、表格、布局、表单等等。 3.jQuery bootstrap插件的基础 4.响应式设计 兼容多个终端。这是bootstrap的终极理念。 5.css插件 提供丰富的样式。 6.js插件 二. 栅格系统 1.基本实现过程 定义容器的大小——跳转边距——媒询 有以下要求: (1)一行(row)数据必须包含在.container中。 .containe...