bootstrap基础样式学习（一）

1.按钮btn .btn 按钮基础的样式 .btn-default 白底黑子的按钮 .btn-danger/warning/success/info/primary .btn-lg/sm/xs 按钮大小 2.图片img 3.文本text .text-uppercase/lowercase/capitalize 转换在小写 4.列表list .list-unstyled 去除…

(1)最外层必须使用容器 div.container或 div.container-fluid (2)容器可以放置任何内容,若想使用栅格系统必须用 div.row div.container > div.row (3)一个.row中不能放置其它的内容,只能放置.col,列中放置任何内容. div.container > div.row > div.col (4)Bootstrap中行的默认均分12等分,每个列必面指定在行内占比. 12=[6-6]=[4-4-4] (5)栅格系统针对不同的…

bootstrap基础样式使用

<small> 为了给段落添加强调文本,则可以添加 class="lead" <small>本行内容是在标签内</small><br> <strong>本行内容是在标签内</strong><br> <em>本行内容是在标签内,并呈现为斜体</em><br> <p class="text-left">向左对齐文本</p> &l…

Bootstrap基础知识学习

Bootstrap中文网 http://www.bootcss.com/ Bootstrap菜鸟教程 http://www.runoob.com/bootstrap/bootstrap-tutorial.html 响应式设计 http://v2.bootcss.com/scaffolding.html#responsive Bootstrap框架简介 http://www.cnblogs.com/sharpxiajun/p/3151510.html Bootstrap入门教程 http://ww…

第二百三十二节，Bootstrap排版样式

Bootstrap排版样式学习要点: 1.页面排版本节课我们主要学习一下 Bootstrap 全局 CSS 样式中的排版样式,包括了标题.页面主体.对齐.列表等常规内容. 一．页面排版 Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用. 1.页面主体 Bootstrap 将全局 font-size 设置为 14px,line-height 行高设置为 1.428(即 20px): <p>段落元素被设置等于 1/2 行高(即 10px):颜色被设置为#333. lead…

bootstrap基础学习小记（二）排版、列表、代码风格、表格

排版——标题.副标题.段落(正文文本).强调内容.粗体.斜体.强调相关的类.文本对齐 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> </title> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/cs…

bootstrap基础学习【导航条、分页导航】（五）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[导航条.分页导航](五)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <script src="http://libs.…

bootstrap基础学习【菜单、按钮、导航】（四）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[菜单.按钮.导航](四)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <script src="http://libs.…

bootstrap基础学习【表单含按钮】（二）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[表单](二)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body style="padd…

bootstrap基础学习【排版】（一）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>bootstrap基础学习(一)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <script type="text/javascript&quo…