2015-07-22 34 views
-1

我很困惑,爲什麼這兩個CDN鏈接在用於修改我的簡單網站時存在差異。有什麼不同?我應該使用哪個css和js鏈接?

方法1:這些鏈接允許我的代碼在窗口從最寬的寬度變爲最小的寬度時使用Chrome,IE11和Firefox完美調整大小。問題是雙重的:1)我失去了<span class="input-group-addon">$</span>作爲一個整潔的符號,而是得到一個普通的美元符號。 2)我是初學者,所以我不知道使用這些看似過時的鏈接是否會讓我不得不在未來背道而馳。 See example here

<link data-require="bootstrap-css" data-semver="2.3.2" rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" /> 
<script data-require="jquery" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script> 
<script data-require="bootstrap" data-semver="2.3.2" src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 

方法2:這些鏈接在調整大小時有打嗝。當你通過中間寬度時,AddMoney元素跳轉到它上面的textarea的全部寬度。我希望它調整大小類似於上述。幸運的是,這些鏈接直接來自當前的引導頁面,所以我認爲它們是最新的。 Using the same link above simply paste over the js and css links using the below.

<link data-require="bootstrap-css" data-semver="2.3.2" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/> 
     <script data-require="jquery" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script> 
     <script data-require="bootstrap" data-semver="2.3.2" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 

回答

0

因爲在你的第一個例子,你包括引導2和你包括引導3.引導這兩個版本第二是在HTML需要進行結構以及什麼方式千差萬別他們提供的功能。我建議你使用最新版本的Bootstrap 3,所以去看看at the docs找出如何爲該版本格式化HTML並相應地調整你的代碼。