如何在不使用rel =“ stylesheet”的情況下添加boostrap下拉列表

Question

您好，我正在創建一個網站，我想添加一些額外的功能。 我已經找到了這個模板，我想添加一些組合框（性別整列，生日三列）。

我發現了組合框的此引導代碼：

<!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模板樣式匹配的組合框？

Answer 1

根據W3Schools

必需的rel屬性指定當前文檔和鏈接的文檔/資源之間的關系。

它不會對您的代碼產生負面影響，您在CSS方面遇到了麻煩。

另外，您還應該閱讀The Bootstrap的docs 。

Answer 2

擺脫引導樣式表不是一個好主意，因為許多帶有引導類的標簽看起來會不合適。 您可以將其他樣式表添加到網頁中，只要將它們放在引導樣式表之后即可。 這樣可以使其他樣式表顯示其應有的所有內容，而引導樣式表將對其他樣式表未指定的所有內容進行樣式化。

如何在不使用rel =“ stylesheet”的情況下添加boostrap下拉列表

問題描述

2 個解決方案

解決方案1
1

解決方案2
1 已采納 2017-12-02 19:53:16

如何在不使用rel =“ stylesheet”的情況下添加boostrap下拉列表

問題描述

2 個解決方案

解決方案1 1

解決方案2 1 已采納 2017-12-02 19:53:16

解決方案1
1

解決方案2
1 已采納 2017-12-02 19:53:16