ブーストラップは自分のCSSをオーバーライドしていません

Question

私はブートストラップを使い始めました。私はブーストラップを使って簡単に選択したかったのですが、何とか私のページを破壊してしまいました。私はブーストラップが私自身のCSSを上書きするだろうと思ったが、起こっていない、なぜ？ （彼らは正しい作るためにリンクを使用）の場所をswaping後

<link rel="stylesheet" type="text/css" href="bootstrap-select.min.css"/> 
<script href="jquery-3.2.1.min.js"></script> 
<script href="bootstrap.min.js"></script> 
<script href="bootstrap-select.min.js"></script> 

<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/> 


<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 

：

<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 

<link rel="stylesheet" type="text/css" media="screen" href="bootstrap-select/dist/css/bootstrap-select.min.css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.3/js/bootstrap-select.min.js"></script> 

<link rel="stylesheet" href="bootstrap-select/dist/css/bootstrap.min.css"/> 

選択のようになります。これは、あなたの輸入が設定されている順序によるものである https://i.imgur.com/VaAT9sW.png

Answer 1

。インポートは、それより前のインポートより優先されます（上書き）。

<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/> 
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 

に変更する必要があります。

<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/> 

（あなたは以下の優先順位が最初に持っているしたいファイルを置く）