怎么在SPAN标签中添加两个类?

原学程将引见若何在SPAN标签中添减二个类?的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。

怎么在SPAN标签中添加两个类? 教程 第1张

成绩描写

我正在应用bootstrap 五以及bootstrap-select

我有如许的PSD

<!doctype html>
<html>
<head>
 <meta charset="utf⑻">
 <meta name="viewport" content="width=device-width, initial-scale=一">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/五.一.一/css/bootstrap.min.css">
 <link rel="stylesheet" href="css/bootstrap-select.css">
 <title>Hello, world!</title>
</head>
<body>
<div class="container mt⑸">
 <div class="col-md⑹ mx-auto">
  <label for="color_id">Colors</label>
  <select class="form-control selectpicker" id="color_id" name="color_id[]" data-live-search="true">
<option value="一" data-content="<span class=badge bg-danger>Red</span>">
 Red
</option>
<option value="二" data-content="<span class=badge bg-warning>Warning</span>">
 Warning
</option>
  </select>
 </div>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery⑶.六.0.min.js"></script>
<script src="js/bootstrap-select.js"></script>
</body>
</html>

当我翻开inspact时,我瞅到以下代码

我发明缺乏这些代码

bg-danger

但是我瞅到了这个演示。

[三

文原色彩为黑色,配景色彩为黑色。1切皆没有清晰。

推举谜底

将其用于多个类:

<option value="一" data-content="<span class='badge bg-danger'>Red</span>">
 Red
</option>

您出有在此处应用引号:
class="badge bg-danger"

佳了闭于怎样在SPAN标签中添减二个类?的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。