-
已学习查看全部
-
已学习查看全部
-
不管使用哪种代码风格,在代码中碰到小于号(<)要使用硬编码“<”来替代,大于号(>)使用“>”来替代。而且对于<pre>代码块风格,标签前面留多少个空格,在显示效果中就会留多少个空格。查看全部
-
代码(二) 有时候代码太多,而且不想让其占有太大的页面篇幅,就想控制代码块的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。 /*源码请查看bootstrap.css第731行~第734行*/ ======================================= 如果您了解LESS或Sass这样的CSS预定定义处理器,你完全可以通过code.less或者_code.scss文件修改样式,然后重新编译,你就可以得到属于自己的代码样式风格。查看全部
-
代码(一) 在Bootstrap主要提供了三种代码风格: 1、<code>:一般是针对于单个单词或单个句子的代码 2、<pre>:一般是针对于多行代码(也就是成块的代码) 3、<kbd>:一般是表示用户要通过键盘输入的内容 =================================== 预编译版本的Bootstrap将代码的样式单独提取出来: 1、LESS版本,请查阅code.less文件 2、Sass版本,请查阅_code.scss文件 编译出来的CSS代码请查阅bootstrap.css文件第688行~第730行查看全部
-
列表--水平定义列表 Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。 /*源码请查看bootstrap.css文件第608行~第621行*/ 此处添加了一个媒体查询。也就是说,只有屏幕大于768px的时候,添加类名“.dl-horizontal”才具有水平定义列表效果。其实现主要方式: 1、将dt设置了一个左浮动,并且设置了一个宽度为160px 2、将dd设置一个margin-left的值为180px,达到水平的效果 3、当标题宽度超过160px时,将会显示三个省略号查看全部
-
列表--定义列表(dl、dt、dd) Bootstrap并没有做太多的调整,只是调整了行间距,外边距和字体加粗效果。 /*源码请查看bootstrap.css文件第594行~第607行*/查看全部
-
列表--内联列表(把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。) /*源码查看bootstrap.css文件第584行~第593行*/查看全部
-
修改后查看全部
-
列表--去点列表(去除项目符号list-style: none;) Bootstrap为众多开发者考虑的非常周道,通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。 /*源码请查看bootstrap.css文件第580行~第583行*/查看全部
-
列表--无序列表、有序列表(无序列表使用ul,有序列表使用ol标签) 源码请查看bootstrap.css文件的第569行~第579行:查看全部
-
列表--简介(有序列表、无序列表和定义列表): Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ☑ 有序列表 ☑ 去点列表 ☑ 内联列表 ☑ 描述列表 ☑ 水平描述列表查看全部
-
文本对齐风格 ,Bootstrap通过定义四个类名来控制文本的对齐风格: ☑ .text-left:左对齐 ☑ .text-center:居中对齐 ☑ .text-right:右对齐 ☑ .text-justify:两端对齐 具体源码查看bootstrap.css文件第488行~第499行: ================================= *特别声明*: 目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。所以项目中慎用。查看全部
-
强调相关的类(类似前面说的“.lead”),具本说明如下: .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(##a94442) 具本源码查看bootstrap.css文件第500行~第532行:查看全部
-
斜体 除了可以给元素设置样式font-style值为italic实现之外,在Bootstrap中还可以通过使用标签<em>或<i>来实现。查看全部
举报
0/150
提交
取消