这篇文章主要围绕Bootstrap笔记和一展开，旨在为您提供一份详细的参考资料。我们将全面介绍Bootstrap笔记的优缺点，解答一的相关问题，同时也会为您带来BootStrap学习笔记（一）、boo
这篇文章主要围绕Bootstrap笔记和一展开，旨在为您提供一份详细的参考资料。我们将全面介绍Bootstrap笔记的优缺点，解答一的相关问题，同时也会为您带来BootStrap 学习笔记（一）、bootstrap2和bootstrap3的用法区别概述（一）、Bootstrap学习笔记（一）、bootstrap学习笔记（一）--layout的实用方法。
本文目录一览：- Bootstrap笔记（一）（bootstrap教程）
- BootStrap 学习笔记（一）
- bootstrap2和bootstrap3的用法区别概述（一）
- Bootstrap学习笔记（一）
- bootstrap学习笔记（一）--layout
Bootstrap笔记（一）（bootstrap教程）
总结
以上是小编为你收集整理的Bootstrap笔记（一）全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
BootStrap 学习笔记（一）
BootStrap学习大纲：
1.css样式
布局容器：container
1）栅格系统
栅格系统就是BootStrap把一个div最多分成12列，其中主要的样式 col-md-数字 用的最多，其他（lg,sm,xs）基本不用，不太适合做PC和手机兼容的网站样式。
.row 12列
.col-md-4 占4列的宽
2）排版
1.标题（.page-header） 标题
2.段落（.lead）
3.mark标记（<mark>背景高亮</mark>）
4.下划线（<u>下划线</u>）
5.删除线（<del>删除线</del>）
6.small小号字体（<small>副标题</small>）
7.斜体（<i>斜体字</i>）
8.文本对齐（.text-left .text-right .text-center）
9.文本大小写（.text-lowercase .text-uppercase .text-captialize）
10.无样式列表（.list-unstyled）
11.内连列表（.list-inline）
3）代码
1.code（<code>代码高亮</code>）
2.pre（<pre>按原格式输出<pre>）
3.kdb（<kdb>键盘</kdb>）
4）表格
.table .table-striped .table-bordered .table-hover
表格颜色 .active .success .warning .info .danger
响应式滚动条（必须在table的外层Div中加该属性） .table-responsive
5）表单
段落分割 .form-group
输入框 .form-control placeholder="占位字符"
横表单 .form-inline
输入框组 .input-group .input-group-addon
表单框内文本图标 .has-feedback .form-control-feedback
表单框帮助提示 .help-block
6）按钮
.btn .btn-default .btn-primary .btn-success .btn-info .btn-waining .btn-danger .btn-link
.btn-lg .btn-sm .btn-xs .disabled
.btn-block
7）图片
圆角 .img-rounder
圆图 .img-circle
指甲盖 .img-thumbnail （图片背景不能是白色）
8）辅助类
文本颜色 .text-muded .text-primary .text-success .text-info .text-warning .text-danger
背景颜色 .bg-primary .bg-success .bg-info .bg-warning .bg-danger
关闭按钮 .close ×(乘号)
下三角 .caret
浮动 .pull-left .pull-right
清除浮动 .clearfix
内容居中 .center-block
显示 .show 隐藏 .hide
9）响应式工具
响应式图片 .img-responsive
bootstrap2和bootstrap3的用法区别概述（一）
总结
以上是小编为你收集整理的bootstrap2和bootstrap3的用法区别概述（一）全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
Bootstrap学习笔记（一）
近来在学习和整理Bootstrap的知识点，在阅读的过程中，遇到了一些翻译不太到位的地方，随后在网上搜索的结果中基本都是照搬原样的内容，所以就找来原文，自己试着翻译了一下，希望能给同样感到困扰的同学一些帮助。
位置：栅格系统->简介
翻译：
栅格类适用于屏幕宽度大于或等于分界点大小的设备，并且覆盖针对较小设备的栅格类。 因此，在元素上应用任何.col-md- 栅格类，不仅在中等大小的设备上影响它的样式，也同样在大屏幕设备上起作用，尽管并不存在.col-lg-类。
原翻译：
栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-md- 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-lg- 不存在， 也影响大屏幕设备。
原文：
Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md- class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg- class is not present.
bootstrap学习笔记（一）--layout
总结
以上是小编为你收集整理的bootstrap学习笔记（一）--layout全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
我们今天的关于Bootstrap笔记和一的分享已经告一段落，感谢您的关注，如果您想了解更多关于BootStrap 学习笔记（一）、bootstrap2和bootstrap3的用法区别概述（一）、Bootstrap学习笔记（一）、bootstrap学习笔记（一）--layout的相关信息，请在本站查询。
本文标签：
