bootstrap框架学习笔记

转载 2013年12月03日 13:57:43
一.  在.spanN(N为1-12的整数)的标签内加.offsetN(N为1-12的整数)可以使标签左边距(margin-left)增加 .spanN(N为1-12的整数)的距离。

二.  .row以不同的固定宽度定位,而.row-fluid以百分比定位。

三.  .muted可以使标签背景颜色为灰色(#999999)。


四.  文本可以添加以下class改变样式:
.text-left 左对齐
.text-center 中对齐
.text-right 右对齐
.text-warning warning字体颜色
.text-error error字体颜色
.text-info info字体颜色
.text-success success字体颜色


五.  dl可以加.dl-horizontal使dt和dd横排


六.  table可以加以下class改变样式
.table-bordered 添加边框
.table-hover 悬浮有背景色
.table-striped 隔行有背景色区分
.table-condensed 缩小行距

七.  checkbox和radio可以加.inline使其在一行内显示,效果如下:



八.  form加.form-inline可以使元素行内对齐

九.  .controls也可以加.controls-row达到跟.row一样的效果


10.  button也有事件的


11.  button式的多选和单选写法

效果如下:


12. label的颜色
13.  badge的样式


14.  滚动滚动条的时候,导航对应变化的写法

Web前端学习笔记:Bootstrap框架 - 夏天的森林 - 博客园

很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架。今天我要聊聊B...

bootstrap框架学习笔记一(模板,排版-段落-列表-表格部分)

基本的bootstrap模板

bootstrap框架学习笔记二(表单、按钮)

表单基础表单表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 bootstrap对表单内的fieldset、legend、label标签进行了定制。主要将这些元...

bootstrap框架学习笔记五(其他部件)

没有摘要

bootstrap框架学习笔记四(按钮、导航、导航条)

菜单、按钮及导航下拉菜单 在使用前调用压缩好的“bootstrap.min.js”文件。 因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件,所以在使用bootstrap.min....

bootstrap学习笔记

  • 2015年06月17日 14:32
  • 3.89MB
  • 下载

Python Django框架学习笔记

  • 2017年11月18日 22:21
  • 223KB
  • 下载

Bootstrap学习笔记(一)

一.什么是Bootstrap? Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web...
  • Mr_Huan
  • Mr_Huan
  • 2017年04月12日 16:57
  • 208

hibernate4框架学习笔记

  • 2017年11月04日 12:21
  • 156KB
  • 下载

spring框架学习笔记

  • 2016年07月08日 14:57
  • 1.5MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:bootstrap框架学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)