如何在不使用 rel= 的情况下添加 Boostrap 下拉列表"stylesheet"



您好,我正在创建一个网站,我想添加一些额外的功能。我找到了这个模板,我想添加一些组合蛋白(性别一排,三排生日)。

我找到了Comboboxes的Bootstrap代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <form>
    <div class="form-group">
      <select class="form-control" id="sel1">
        <option>1</option>
        <option>2</option>
      </select>
    </div>
  </form>
</div>
</body>
</html>

您可以看到此代码使用rel="stylesheet",可以更改它吗?因为codepen.io的模板使用另一种样式.css文件。

现在,如果可以更改它,您是否可以建议使用与Codepen.io模板的样式匹配的组合蛋白?

摆脱Bootstrap Stylesheet不是一个好主意,因为许多带有引导类别类的标签都会不合适。只要您在Bootstrap样式表之后,您就可以将其他样式表添加到网页中。这将使其他样式表(s)将显示他们应该的所有内容,但是Bootstrap样式表将对其他样式表的所有内容造型。

根据w3schools

所需的rel属性指定当前文档与链接文档/资源之间的关系。

它不能对您的代码产生负面影响,您只是在CSS上遇到麻烦。

您还应该阅读Bootstrap的文档。

相关内容

最新更新