Bootstrap教程 第5页

2021-05-06新起点博客阅读(1487)评论(0)赞(1)

紧凑型表格： 什么是紧凑型表格，说白了就是单元格没内距或者内距较其他表格的内距更小。换句话说，要实现紧凑型表格只需要重置表格单元格的内距padding的值。那么在Bootstrap中，通过类名“table-condensed”重置了单元格内...

2020-09-14新起点博客阅读(1857)评论(0)赞(0)

表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中，只需要添加对应的类名就可以得到不同的表格风格，在接下来的内容中，我们会详细介...

2020-09-14新起点博客阅读(880)评论(0)赞(0)

Bootstrap 允许您以两种方式显示代码：一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格： 1、使用<code></code>来显示单行内联代码 2、使用<p...

2020-09-14新起点博客阅读(521)评论(0)赞(0)

对于定义列表而言，Bootstrap并没有做太多的调整，只是调整了行间距，外边距和字体加粗效果。定义列表其实就是我们在HTML中所知道的<dl><dt><dd> 默认样式效果： dl { margin-t...

2020-08-25新起点博客阅读(664)评论(0)赞(0)

无序列表：无序列表和有序列表使用方式和我们平时使用的一样（无序列表使用ul，有序列表使用ol标签），在样式方面，Bootstrap只是在此基础上做了一些细微的优化 <h5>普通列表</h5> <ul> &...

2020-08-25新起点博客阅读(947)评论(0)赞(0)

在排版中离不开文本的对齐方式。在正常的CSS中常常使用text-align来实现文本的对齐风格的设置。 style{ text-align:left; /* 左对齐*/ text-align:center; /*居中对齐*/ text-al...

2020-08-21新起点博客阅读(536)评论(0)赞(0)

在Bootstrap中除了使用标签<strong>、<em>等说明正文某些字词、句子的重要性，Bootstrap还定义了一套类名，这里称其为强调类名（类似前面说的“.lead”）,这些强调类都是通过颜色来表示强调，具...

2020-08-07新起点博客阅读(3853)评论(0)赞(1)

给文本加粗就是在普通的元素中我们一般通过font-weight设置为bold关键词给文本加粗。在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗，不过<b>和<strong&...

2020-08-07新起点博客阅读(785)评论(0)赞(0)

段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里新起点博客所说的文本是指正文文本）： 1、全局文本字号为14px(font-size)。 2、行高为1.42857143（line-height），大...

2020-07-28新起点博客阅读(576)评论(0)赞(0)

除此之外，我们在Web的制作中，常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果，使用了<small>标签来制作副标题。这个副标题具有其自己的一些独特样式： 1、行高都是1，而且font...