如何在不使用rel =“样式表”的情况下添加自助式下拉菜单

您好我正在创建一个网站,我想添加一些额外的功能。我发现这个template,我想添加一些组合框(性别为一整行,生日为三行)。如何在不使用rel =“样式表”的情况下添加自助式下拉菜单

我已经找到了组合框此引导代码:

<!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中的模板使用另一个style.css文件。

现在,如果有可能改变它,你可以建议一些与codepen.io模板样式相匹配的组合框吗?

回答:

这不是一个好主意,摆脱引导样式表,因为许多带引导类的标签看起来不合适。您可以将其他样式表添加到您的网页,只要您将它们放在引导样式表之后即可。这将使其他样式表显示所有应该显示的内容,但引导样式表将样式设置为其他样式表不指定的所有样式。

回答:

根据W3Schools

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

它不会对您的代码产生负面影响,您只是遇到了CSS问题。您也可以阅读The Bootstrap's docs。

以上是 如何在不使用rel =“样式表”的情况下添加自助式下拉菜单 的全部内容, 来源链接: utcz.com/qa/258007.html

回到顶部