博客专栏  >  前端   >  Bootstrap 教程

Bootstrap 教程

全面介绍 Bootstrap 框架,包括 Bootstrap基本样式、Bootstrap组件、Bootstrap插件等

关注
1 已关注
154篇博文
  • Bootstrap CSS 编码规范之Class 命名规范

    Class 命名规范Class 应该遵守以下命名规范:class 名称中只能出现小写字符和破折号(不是下划线,也不是驼峰命名法)。破折号应当用于相关 class 的命名(类似于命名空间)(如,.btn...

    2018-03-19 09:38
    240
  • Bootstrap CSS编码规范之选择器使用规范

    选择器选择器应该遵守以下规范:对于通用元素使用 class ,这样利于渲染性能的优化。对于经常出现的组件,避免使用属性选择器(如,[class^="..."])。浏览器的性能会受到...

    2018-03-19 09:40
    47
  • Bootstrap CSS编码规范之代码组织规范

    代码组织应该按照以下规范组织代码:以组件为单位组织代码段。制定一致的注释规范。使用一致的空白符将代码分隔成块,这样利于扫描较大的文档。如果使用了多个 CSS 文件,将其按照组件而非页面的形式分拆,因为...

    2018-03-19 09:40
    63
  • Bootstrap 编码规范之编辑工具配置

    编辑工具配置为了避免常见的代码不一致和差异,请按照下面的配置对你的代码编辑工具进行设置:用两个空格代替制表符(soft-tab 即用空格代表 tab 符)。保存文件时,删除尾部的空白符。设置文件编码为...

    2018-03-19 09:41
    69
  • Bootstrap CSS 编程规范之语法规范

    语法规范CSS语法规范:用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致表现的方法。为选择器分组时,将单独的选择器单独放在一行。为了代码的易读性,在每个声明块的左花括号前添加...

    2018-03-18 21:20
    111
  • Bootstrap CSS 编码规范之属性声明顺序

    声明顺序相关的属性声明应当归为一组,并按照下面的顺序排列:PositioningBox modelTypographicVisual由于定位(positioning)可以从正常的文档流中移除元素,并且...

    2018-03-18 21:21
    65
  • Bootstrap CSS 编码规范之不要使用 @import

    不要使用 @import与 <link> 标签相比,@import 指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。有以下几种替代方案:使用多个 &...

    2018-03-18 21:22
    105
  • Bootstrap CSS 编码规范之媒体查询的位置

    媒体查询的位置遵守就近原则,将媒体查询放在相关规则的附近,不要将他们打包放在一个单一样式文件中,或者放在文档底部。如果你把他们分开了,将来只会被大家遗忘。下面给出一个典型的实例:.element { ...

    2018-03-18 21:23
    169
  • Bootstrap CSS 编码规范之带前缀的属性

    带前缀的属性当使用特定厂商的带有前缀的属性时,通过缩进的方式,让每个属性的值在垂直方向对齐,这样便于多行编辑。/* Prefixed properties */.selector {  -webkit...

    2018-03-18 21:24
    98
  • Bootstrap CSS 编码规范之单行规则声明

    单行规则声明对于只包含一条声明的样式,为了易读性和便于快速编辑,建议将语句放在同一行。对于带有多条声明的样式,还是应当将声明分为多行。这样做的关键因素是为了错误检测。如,CSS 校验器指出在 183 ...

    2018-03-18 21:25
    75
  • Bootstrap CSS 编码规范之简写形式的属性声明

    简写形式的属性声明在需要显式地设置所有值的情况下,应当尽量限制使用简写形式的属性声明。常见的滥用简写属性声明的情况如下:paddingmarginfontbackgroundborderborder-...

    2018-03-18 21:26
    75
  • Bootstrap CSS 编码规范之Less 和 Sass 中的嵌套

    Less 和 Sass 中的嵌套避免不必要的嵌套。这是因为虽然你可以使用嵌套,但是并不意味着应该使用嵌套。只有在必须将样式限制在父元素内(也就是后代选择器),并且存在多个需要嵌套的元素的时候,才使用嵌...

    2018-03-18 21:26
    58
  • Bootstrap CSS 编码规范之Less 和 Sass 中的操作符

    Less 和 Sass 中的操作符为了提高可读性,在圆括号中的数学表达式的数值、变量和操作符之间,均添加一个空格。// Bad example.element {  margin: 10px 0 @v...

    2018-03-18 21:27
    76
  • Bootstrap CSS 编码规范之注释

    注释代码是由人编写并维护的。请确保你的代码能够自描述、注释良好,且易于他人理解。好的代码注释能够传达上下文关系和代码意图。不要简单地重复组件或 class 的名称。对于较长的注释,务必书写完整的句子;...

    2018-03-18 21:29
    147
  • Bootstrap HTML编码规范之引入 CSS 和 JavaScript 文件

    引入 CSS 和 JavaScript 文件根据 HTML5 规范,在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性,因为 text/css 和 text/javascr...

    2018-03-16 10:06
    81
  • Bootstrap 编码规范之HTML5 Doctype

    HTML5 Doctype为每个 HTML 页面的第一行添加标准模式(standard mode)的声明,这样能够确保在每个浏览器中拥有一致的表现。实例:<!DOCTYPE html&a...

    2018-03-16 10:02
    48
  • Bootstrap HTML 编码规范之语言属性

    语言属性根据 HTML5 规范:强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵守的规则等等。...

    2018-03-16 10:04
    52
  • Bootstrap HTML 编码规范之字符编码

    字符编码通过明确声明字符编码,能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好处是,可以避免在 HTML 中使用字符实体标记(character entity),从而全部与文档编码一致(一...

    2018-03-16 10:05
    67
  • Bootstrap HTML 编码规范之IE兼容模式

    IE兼容模式IE通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求,否则最好是设置为 edge mode,从而通知 IE 采用其...

    2018-03-16 10:05
    85
  • Bootstrap HTML 编码规范之实用为王

    实用为王尽量遵循 HTML 标准和语义,但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。版权声明:本文出自 歪脖网 的《Bootstrap教程》,欢迎在线阅读,并提出宝贵...

    2018-03-16 10:07
    48

HTML 宝典
9311444
Less 简明教程
215041
ES6标准入门
20931478
揭秘 CSS
16231349
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部