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.  滚动滚动条的时候,导航对应变化的写法

Bootstrap基础 学习笔记

学完html,css,js,css3,html5之后就开始学Bootstrap了Bootstrap是什么?Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设...
  • lzq_20150715
  • lzq_20150715
  • 2017年07月17日 11:22
  • 1253

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

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

bootstrap 学习笔记(一)

在此就不做 bootstrap 的介绍了,近几年 bootstrap 越来越流行,一点不亚于 js 中的 jquery。 以下为 bootstrap 3.3.5 学习中记录的东西,方便查阅,作者使用的...
  • cdmamata
  • cdmamata
  • 2016年10月27日 11:02
  • 452

50个极好的bootstrap 后台框架主题下载

50个极好的bootstrap 后台框架主题下载  http://sudasuta.com/bootstrap-admin-templates.html 越来越多的设计师和前端工程...
  • zhangfeng1133
  • zhangfeng1133
  • 2016年07月06日 18:53
  • 82206

BootStrap 前端框架介绍

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。是一个CSS/HTML/JavaScript框架。Bootstrap是基于HTML5和CSS3开发的,包含丰富的组件,根据这些组...
  • Jerome_s
  • Jerome_s
  • 2015年05月10日 15:47
  • 4576

bootstrap学习笔记(二)

以最新的ie版本显示网页 解决ie9以下不兼容html5 栅格系统 Bootstrap把一个容器或整个网页分成12列 超过12列自...
  • baidu_25845567
  • baidu_25845567
  • 2016年07月28日 18:34
  • 116

bootstrap的学习笔记

轻量级前端开发工具Bootstrap http://t.cn/anW06J    Bootstrap 使用LESS来写CSS。http://t.cn/SbVIm7 LESS 将 CSS 赋予...
  • trace332
  • trace332
  • 2012年07月26日 15:51
  • 802

8个强大的基于Bootstrap的CSS框架

做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件。当然,和jQuery一样,Bootstrap同时也是一...
  • yanghaonan7758
  • yanghaonan7758
  • 2017年05月02日 09:15
  • 541

Web前端学习笔记:Bootstrap框架

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

类似Bootstrap热门前端框架大集合

Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我...
  • jsjpanxiaoyu
  • jsjpanxiaoyu
  • 2017年03月22日 16:01
  • 1158
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:bootstrap框架学习笔记
举报原因:
原因补充:

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