bootstrap笔记

发布时间：2020-12-17 21:02:05 所属栏目：安全来源：网络整理

导读：class = "list-unstyled"; class = "list-inline"; 在Bootstrap主要提供了三种代码风格： 1、使用 code/code 来显示单行内联代码 2、使用 pre/pre 来显示多行块代码 3、使用 kbd/kbd 来显示用户输入代码预编译版本的Bootstrap将代码的样式单独提取出来：

class = "list-unstyled";

class = "list-inline";

在Bootstrap主要提供了三种代码风格：
1、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码
3、使用<kbd></kbd>来显示用户输入代码

预编译版本的Bootstrap将代码的样式单独提取出来：
1、LESS版本，请查阅code.less文件
2、Sass版本，请查阅_code.scss文件

表格

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

? ? ?.table：基础表格

? ? ?.table-striped：斑马线表格

? ? ?.table-bordered：带边框的表格

? ? ?.table-hover：鼠标悬停高亮的表格

? ? ?.table-condensed：紧凑型表格

? ? ?.table-responsive：响应式表格

在<form>元素上使用类名“form-horizontal”主要有以下几个作用：
1、设置表单控件padding和margin值。
2、改变“form-group”的表现形式，类似于网格系统的“row”

在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在<form>元素中添加类名“form-inline”即可。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!