Bootstrap是用于Web开发的流行前端框架。它包含用于样式化HTML内容的预构建组件和设计元素。Chrome，Firefox，Opera，Safari和Internet Explorer等现代浏览器均支持Bootstrap。
Bootstrap包括一个响应式网格系统，用于改变布局。这是构建移动友好网站的一个很好的起点。它还包括可选的JavaScript功能，例如可折叠的内容，轮播和模式。
Bootstrap为设计和响应速度提供了一个简单的解决方案。它包含漂亮的元素，可以使用您自己的自定义CSS样式进行进一步设置，以及完整的网格系统，以使您的网站在使用清晰易懂的语法的同时，可以在所有屏幕上响应。您可以构建没有CSS或JavaScript的专业网站，并根据需要轻松自定义元素
Twitter最初将Bootstrap框架开发为内部工具。他们于2011年8月将其作为开源项目发布。
Bootstrap 2于2012年1月发布。主要功能之一是引入了12列响应式网格系统。Bootstrap 3于2013年8月问世，改用平面设计和移动优先方式。Bootstrap 4自2017年8月起提供Beta版，现在包括Sass和Flexbox。
Bootstrap 4进行了两年的开发，然后于2017年发布了一些beta版本，而第一个稳定版本于2018年1月发布。一些值得注意的更改包括：
从少移到萨斯；
移至Flexbox并改进了网格系统；
添加了卡片（替换孔，缩略图和面板）；
以及更多！
Bootstrap 3支持最新版本的Google Chrome，Firefox，Internet Explorer，Opera和Safari（Windows除外）。此外，它还支持回到IE8和最新的Firefox扩展支持版本（ESR）。[12]
从2.0开始，Bootstrap支持响应式Web设计。这意味着网页的布局会根据正在使用的设备（台式机，平板电脑，移动电话）的特性进行动态调整。
从3.0版开始，Bootstrap采用了移动优先的设计理念，默认情况下强调响应式设计。
版本4.0添加了Sass和flexbox支持。
版本4.1添加了新的自定义范围表单控件。
Bootstrap并不将您限制为固定的CSS格式，而是允许您快速开发，允许使用级联添加/编辑默认样式来覆盖样式。
Bootstrap是Twitter开发的免费开源框架，提供了用于前端Web开发的各种模板。使用Bootstrap可以轻松设计一个完全响应的网站，并且是值得学习的框架。
将引导程序添加到页面是一个快速的过程，只需将以下内容添加到<head>代码中的标记中即可。
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
您还需要在body代码中的标记之间添加以下内容。使用Bootstrap时，您将在使用<div>Bootstrap的许多功能时使用标签，例如
<div class="alert alert-success" role="alert"> <strong>Congratulations!</strong> <p>Bootstrap is now working on this page</p></div>
流行的软件包管理器是NPM或Node Package Manager。您将需要安装Node.js，其中包括Node Package Manager。访问Node.js并根据您的操作系统下载必要的文件，然后安装它们。
安装和设置好后，打开命令行或控制台，然后在要用于Bootstrap的项目文件夹中键入以下内容。在撰写本文时，它将安装Bootstrap版本4.0.0
npm install bootstrap@4.0.0 --save
NPM完成Bootstrap 4的下载和安装后，node_modules如果项目文件夹中还没有新文件夹，它将在其中。
/bootstrap 其中包含我们文件的CSS和Sass版本。
/jquery Bootstrap在各种组件中使用它。
/tether 这是用于元素定位的库。
简而言之，Bootstrap网格系统可帮助您创建响应式布局，它由行和列系统组成，可帮助您组织内容。
行是水平的列组，每页最多每行12列。在每一行中，内容放置在各列内，并且可以跨越1至12列之间的任意位置。
Bootstrap具有五种不同类型的网格层：超小，小，中，大和特大。为每个网格层定义一个断点。Bootstrap使用像素来定义网格层断点。
容器是包含网格的最外面的元素。使用container用于在屏幕的中间的固定宽度容器（添加在更大屏幕上一个额外的裕度）或container-fluid全宽度。
<div class="container"></div>
用于row对列进行分组。这将使所有内容正确排列并帮助您构建网格。
<div class="row"></div>
列类表示每行可能使用的12列中的列数。例如，col-sm-6这意味着您的列row在小屏幕上col-lg-4会占用的宽度的一半，而在大屏幕上会占用三分之一的宽度。
这是定义类前缀以在各种屏幕尺寸上用完一列宽度的方式：
特小 col-1
小 col-sm-1
中 col-md-1
大 col-lg-1
超大 col-xl-1
<div class="col-sm-1"></div>
具有四列的全宽网格，每行在xs屏幕上占据一整行，在sm和md屏幕上占据半行，在较大及以上的屏幕上占据四分之一的宽度：
<div class="container-fluid"> <div class="row"> <div class="col-12 col-sm-6 col-lg-4">First Column</div> <div class="col-12 col-sm-6 col-lg-4">Second Column</div> <div class="col-12 col-sm-6 col-lg-4">Third Column</div> <div class="col-12 col-sm-6 col-lg-4">Forth Column</div> </div></div>
请注意，col-md并且col-xl未定义，即未定义大小时，它将默认减小到指定的下一个较小大小。
Bootstrap提供了现成的12列网格系统，可用于布局。考虑以下代码。
<div class="container"> <div class="row"> <div class="col-md-6">Content</div> <div class="col-md-6">Content</div> <div> </div>
哪里：
- col = column- md = screen size- 6 = column width
作为12列网格系统，所有用户定义的网格列宽度都必须加起来为12。
屏幕尺寸值可以分配如下：
xs-<768px手机
sm-<992px平板电脑
md-<1200px笔记本电脑
lg-> 1200px台式机
以下代码和图像显示了使用不同的列宽可以实现的功能。
<div class="container"> <div class="row"> <div class="example col-md-6">Content</div> <div class="example col-md-6">Content</div> <div> </div> <div class="container"> <div class="row"> <div class="example col-md-4">Content</div> <div class="example col-md-4">Content</div> <div class="example col-md-4">Content</div> <div> </div> <div class="container"> <div class="row"> <div class="example col-md-3">Content</div> <div class="example col-md-3">Content</div> <div class="example col-md-3">Content</div> <div class="example col-md-3">Content</div> <div> </div> <div class="container"> <div class="row"> <div class="example col-md-2">Content</div> <div class="example col-md-2">Content</div> <div class="example col-md-2">Content</div> <div class="example col-md-2">Content</div> <div class="example col-md-2">Content</div> <div class="example col-md-2">Content</div> <div> </div> <div class="container"> <div class="row"> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> <div class="example col-md-1">Content</div> </div> </div>
Bootstrap框架为按钮提供了各种样式选项。这些样式可帮助您向用户提供按钮可以做什么的直观表示。
要使用引导程序按钮，除了将适用的CSS类也应用于按钮之外，您需要遵循与在HTML中创建按钮相同的步骤。下面提供了一个代码示例。
代码示例：
<button type="button" class="btn btn-primary">Primary</button>
您还可以将引导按钮与<a>和<input>元素一起使用，如下例所示。根据Bootstrap文档，
在用于触发页面内功能（如折叠内容）的元素上使用按钮类时，而不是链接到新页面或当前页面内的部分时，应给这些链接一个role="button"适当的传达其目的的辅助技术，例如屏幕阅读器。
<a class="btn btn-primary" href="#" role="button">This button is a link</a>
<input class="btn btn-primary" type="submit" value="Submit">
这是引导程序为按钮提供的CSS类的列表。它们将背景色赋予按钮。
.btn这是引导程序的基本按钮。如果您希望其他引导按钮正常工作，这是前提条件。
<button type="button" class="btn">Basic</button>
.btn-primary引导程序的主按钮。默认颜色显示＃007bff。
<button type="button" class="btn btn-primary">Primary</button>
.btn-secondary引导程序的辅助按钮。默认颜色显示为＃6c757d。
<button type="button" class="btn btn-secondary">Secondary</button>
.btn-success引导程序的成功按钮。默认颜色显示为＃28a745。
<button type="button" class="btn btn-success">Success</button>
.btn-info引导程序的信息按钮。默认颜色显示为＃17a2b8。
<button type="button" class="btn btn-info">Info</button>
.btn-warning引导程序的警告按钮。默认颜色显示＃ffc107。
<button type="button" class="btn btn-warning">Warning</button>
.btn-danger引导程序的危险按钮。默认颜色显示＃dc3545。
<button type="button" class="btn btn-danger">Danger</button>
.btn-link 引导程序的链接按钮。
<button type="button" class="btn btn-link">Link</button>
.btn-light 引导程序的指示灯按钮。
<button type="button" class="btn btn-light">Light</button>
.btn-dark 引导程序的暗按钮。
<button type="button" class="btn btn-dark">Dark</button>
.btn-dark 这是引导程序的暗按钮。
.btn-secondary 这是引导程序的辅助按钮。
这是不同大小的按钮的CSS类的列表。
.btn-lg 引导程序的大按钮。
<button type="button" class="btn btn-lg">Large</button>
.btn-md 这是引导程序的中键。
<button type="button" class="btn btn-md">Medium</button>
.btn-sm 引导程序的小按钮。
<button type="button" class="btn btn-sm">Small</button>
.btn-md 这是引导程序的中键。
.btn-xs 这是bootstrap的额外小按钮。
<button type="button" class="btn btn-xs">Extra Small</button>
.btn-block 这是引导程序的全角按钮。
这用于显示通过淡化按钮禁用按钮。这可以通过在<button>标签中添加“禁用”来实现。
.btn-block这是引导程序的块级别按钮。它们实际上跨越了其父元素的整个宽度。例如，一个宽度为200px的表单元素，这意味着btn-block按钮的宽度为200px。
也可以有轮廓按钮而不是全彩色按钮。这可以通过在所需outline的按钮类之间放置中间修订来实现。用法示例如下：
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
自版本4起，概述的按钮是Bootstrap的一部分-如果无法使按钮正常工作，请确保使用的版本正确。
您可以通过将.d-inline-blockclass 添加到元素中来创建行内按钮行，该元素将按钮的显示设置为inline块。例如 ：<button class="btn btn-primary d-inline-block btn-lg"></button>
对于某些用途（例如分页），可以将多个按钮分组。可以div使用以下.btn-group类来为要分组的所有按钮设置父级div：
<div class="btn-group" role="group" aria-label="Basic example"> <button type="button" class="btn btn-secondary">Left</button> <button type="button" class="btn btn-secondary">Middle</button> <button type="button" class="btn btn-secondary">Right</button></div>
Bootstrap提供Dropdowns作为插件来显示链接列表。下拉菜单是切换显示链接列表的按钮。
Bootstrap的下拉菜单设计为通用的，适用于各种情况。例如，可以创建包含搜索字段或登录表单的下拉列表。
<div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown example </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div></div>
该.dropdown类表示下拉菜单。
要打开下拉菜单，请使用按钮或带有.dropdown-toggle类和data-toggle =“ dropdown属性的链接。
所述.caret类创建一个脱字符号箭头图标（▼），这表明该按钮是一个下拉。
将.dropdown-menu类添加到无序列表元素，以实际构建下拉菜单。
Bootstrap框架为您提供了一个称为导航栏的功能。简而言之，导航栏（也称为导航栏）是页面顶部的标题，用于显示导航信息。
要使用Bootstrap导航栏，请在网页<nav>元素的顶部添加一个元素<body>。您可以添加多种样式来定制导航栏的显示。
这是制作基本导航栏所需的代码：
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Site Name</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> </div></nav>
Bootstrap在Bootstrap框架中提供了一组用于设置导航栏样式的类。这些类如下：
navbar navbar-default 这是导航栏的默认样式。
navbar navbar-inverse 除了颜色是反转的以外，这与默认样式相似。
您可以在导航栏中添加一个下拉菜单。要使用此功能，您需要包括Bootstrap的javascript文件。
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Drop down<span class="caret"></span> </a><ul class="dropdown-menu"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> </ul></li>
您可以在导航栏上添加按钮。现有的Bootstrap Button类可以使用，但是您需要将其包括navbar-btn在类列表的末尾。
<button class="btn navbar-btn">Button</button>
该navbar-brand班可应用于大部分元素，但是锚效果最好的一些元素可能需要的工具类或自定义样式。
<!-- As a link --><nav class="navbar navbar-light bg-light"> <a class="navbar-brand" href="#">Navbar</a></nav>
<!-- As a heading --><nav class="navbar navbar-light bg-light"> <span class="navbar-brand mb-0 h1">Navbar</span></nav>
您还可以将表单添加到导航栏。这可以用于诸如搜索字段，快速登录字段等任务。
<form class="navbar-form navbar-right"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Search</button></form>
在某些情况下，您可能需要将导航栏中的元素右对齐（例如，登录或注册按钮。）。为此，您需要使用navbar-right该类。
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Site Name</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Action Link #1</a></li> <li><a href="#">Action Link #2</a></li> </ul> </div></nav>
在某些情况下，无论滚动如何，您都可能希望将导航栏保持在屏幕的顶部或底部。您需要将navbar-fixed-topor或navbar-fixed-bottomclass 添加到<nav>元素。
<nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Site Name</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> </div></nav>
在小屏幕（例如电话或平板电脑）上，导航栏将占用过多空间。幸运的是，存在导航栏选项。您可以使用以下示例完成此操作。
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Site Name</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> </div></nav>
Jumbotron是用于展示英雄单位样式内容的轻巧灵活的组件。Jumbotron是一种响应组件，其主要目标是吸引访问者的注意力或突出显示特殊信息。
巨无霸利用几乎所有其他引导代码来额外增加其参与价值。它可以处理图像，放大的字体，不同的backgorund样式等。
在您的网站上展示营销信息
项目介绍
文章介绍
图片展示
<div>在类中使用一个元素.jumbotron来创建一个巨无霸：
<div class="jumbotron"> <h1 class="display-4">Hello, world!</h1> <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> <hr class="my-4"> <p>It uses utility classes for typography and spacing to space content out within the larger container.</p> <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></div>
要使超长距伞成为全角且没有圆角，请添加.jumbotron-fluid修饰符类并在其中添加.container或.container-fluid。
<div class="jumbotron jumbotron-fluid"> <div class="container"> <h1 class="display-4">Fluid jumbotron</h1> <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p> </div></div>
Bootstrap框架提供了一种表单功能，可用于轻松创建漂亮的HTML表单。使用Bootstrap表单可使每个单独的表单元素具有统一的全局样式。Bootstrap表单为每个元素增加了正确的间距和外观。
每个Bootstrap表单元素都应具有一个类form-control。此类是Bootstrap如何知道要设置样式的元素的方式。默认情况下，所有具有表单控件类的文本元素（如input，textarea和select）都将具有100％的宽度。
Bootstrap表单有两种类型，分别是：
内联表单-在一行上创建表单。对于导航栏中的登录表单很有用
水平表格-使用每个元素在不同行中创建一个表格
<form> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div> <div class="form-group"> <label for="exampleInputFile">File input</label> <input type="file" id="exampleInputFile"> <p class="help-block">Example block-level help text here.</p> </div> <div class="checkbox"> <label> <input type="checkbox"> Check me out</label> </div> <button type="submit" class="btn btn-default">Submit</button></form>
<form class="form-inline"> <div class="form-group"> <label for="exampleInputName2">Name</label> <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> <div class="form-group"> <label for="exampleInputEmail2">Email</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com"> </div> <button type="submit" class="btn btn-default">Send invitation</button></form>
<form class="form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> Remember me</label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Sign in</button> </div> </div></form>
Bootstrap支持以下表单控件：
输入
文本区域
复选框
无线电
选择
范围
Bootstrap支持所有HTML5输入类型：文本，密码，日期时间，本地日期时间，日期，月份，时间，星期，数字，电子邮件，URL，搜索，电话和颜色。
注意：如果输入的类型未正确声明，则输入的样式将不完全！
以下示例包含两个输入元素；一种是文本类型，另一种是密码：
<div class="form-group"> <label for="usr">Name:</label> <input type="text" class="form-control" id="usr"></div><div class="form-group"> <label for="pwd">Password:</label> <input type="password" class="form-control" id="pwd"></div>
下面的示例包含一个文本区域：
<div class="form-group"> <label for="comment">Comment:</label> <textarea class="form-control" rows="5" id="comment"></textarea></div>
如果希望用户从预设选项列表中选择任意数量的选项，请使用复选框。
以下示例包含三个复选框。最后一个选项被禁用：
<div class="checkbox"> <label> <input type="checkbox" value="">Option 1</label></div><div class="checkbox"> <label> <input type="checkbox" value="">Option 2</label></div><div class="checkbox disabled"> <label> <input type="checkbox" value="" disabled>Option 3</label></div>
如果希望复选框显示在同一行上，请使用.checkbox-inline类：
<label class="checkbox-inline"><input type="checkbox" value="">Option 1</label><label class="checkbox-inline"><input type="checkbox" value="">Option 2</label><label class="checkbox-inline"><input type="checkbox" value="">Option 3</label>
如果您想将用户限制为预设选项列表中的一个选项，则使用单选按钮。
下面的示例包含三个单选按钮。最后一个选项被禁用：
<div class="radio"> <label><input type="radio" name="optradio">Option 1</label></div><div class="radio"> <label><input type="radio" name="optradio">Option 2</label></div><div class="radio disabled"> <label><input type="radio" name="optradio" disabled>Option 3</label></div>
如果希望复选框显示在同一行上，请使用.radio-inline类：
<label class="radio-inline"><input type="radio" name="optradio">Option 1</label><label class="radio-inline"><input type="radio" name="optradio">Option 2</label><label class="radio-inline"><input type="radio" name="optradio">Option 3</label>
如果要允许用户从多个选项中进行选择，则使用选择列表。
以下示例包含一个下拉列表（选择列表）：
<div class="form-group"> <label for="sel1">Select list:</label> <select class="form-control" id="sel1"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select></div>
如果要允许用户从多个选项中进行选择，则使用选择列表。
以下示例包含一个下拉列表（选择列表）：
<form> <div class="form-group"> <label for="formControlRange">Example Range input</label> <input type="range" class="form-control-range" id="formControlRange"> </div></form>
这可以通过for在HTML中使用参数来实现：
<label for="email-input">Enter Email</label><input type="email" class="form-control" id="email-input" placeholder="Enter Email">
label for属性始终通过其ID引用输入字段。这告诉屏幕阅读器该标签肯定是用于此输入字段的，这将最大程度地减少使用屏幕阅读器访问网站的任何用户的困惑。在上面的示例中，如果用户单击实际单词“输入电子邮件”，则该用户将能够键入。如果标签未附加“ for”属性，则用户单击“输入电子邮件”一词将不会发生。用户必须单击实际的电子邮件输入字段才能键入。
为了实现基本的样式示例，请将基类添加.table到任何<table>元素。
<table class="table"> ...</table>
您可以在表结构中定义单独的标题部分。这是例子
<table class="table"> <thead class=theat-dark> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Handle</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Bob</td> <td>Robo</td> <td>@bro</td> </tr> </tbody></table>
为了在表中实现条纹行效果（斑马条纹）.table-striped，除了.table在任何<table>元素上使用之外。条带化的表通过:nth-childCSS选择器设置样式，这在Internet Explorer 8中不可用。
<table class="table table-striped"> ...</table>
为了实现边界表.table-bordered，除了.table在任何<table>元素上使用。
<table class="table table-bordered"> ...</table>
为了实现在表上悬停排的效果，使用.table-hover除了.table任何的<table>元素。
<table class="table table-hover"> ...</table>
为了实现精简表.table-condensed，除了.table在任何<table>元素上使用。
<table class="table table-condensed"> ...</table>
为了通过将任何.table表包装在一个.table-responsive元素中来获得响应表。
开发人员可以通过使用上下文类来更改每个单独行<tr>和/或单元格的样式。<td>
.active -将悬停颜色应用于特定的行或单元格
.success -表示成功或积极的行动
.info -表示中性的信息更改或操作
.warning -表示可能需要注意的警告
.danger -表示危险或潜在的负面行为
Copyright © 2017-2023 soword.cn SOWORD科技言
网站地图 BUG反馈 联系我们 用户隐私
栖族科技开发服务中心
浙公网安备 33011002016917号
京ICP备19009350号-2
soword科技言免费资源网站，免费API接口，免费开发模板，免费开发工具，开发技术问题，汉化版免费开发工具，API接口，开发教程，免费教程
SOWORD科技言
