2017-12-02 6 views
-1

こんにちは、私はウェブサイトを作成していると私はいくつかの余分な機能を追加したいを使用せずにブートストラップドロップダウンを追加することができます。私はこのtemplateを発見した、と私は(誕生日のために男女のための1つの完全な行、1行の3)いくつかのコンボボックスを追加します。あなたは、このコードはrel="stylesheet"を使用している、それを変更することが可能である見ることができるようには、どのように私は、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> 

私はコンボボックスのために、このブートストラップコードを発見しましたか? codepen.ioのテンプレートは別のstyle.cssファイルを使用するためです。

は、今ではそれを変更することが可能にすることができた場合、あなたはcodepen.ioテンプレートのスタイルと一致するコンボボックスを持つために何かを提案することができますか?

+0

rel = "styleshhet" –

+0

私はそれを試してみると、私はデザインpromblemsを持っています –

+0

すでにスタイルで使用されているタグ、クラスまたはIDは別のスタイルで削除する必要があります。特に、タグによるもの、例。ボディ、b、div、スパンなど。 –

答えて

0

ブートストラップクラスを持つ多くのタグが場違いになりますので、それは、ブートストラップスタイルシートを取り除くために、良いアイデアではありません。ブートストラップスタイルシートの後に置く限り、他のスタイルシートをWebページに追加できます。これにより、他のスタイルシートにはすべてのものが表示されるようになりますが、ブートストラップスタイルシートは他のスタイルシートに指定されていないものをすべてスタイルします。

0

W3Schools

によると、必要なrel属性は、現在のドキュメントとリンクされたドキュメント/リソース間の関係を指定します。それは否定あなたのコードに影響を与えることはできません

、あなたはCSSでだけ問題があります。

また、あなたはThe Bootstrap's docsをお読みください。