2015-07-22 63 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并相应地调整你的代码。