引導形式沒有顯示正確

，我想使這個樣子的自舉表上工作：引導形式沒有顯示正確

http://cssdeck.com/labs/twitter-bootstrap-contact-form

但是，這是它的外觀：

http://jsfiddle.net/52VtD/4018/

你使用引導2這裏不是3 –

這是因爲鏈接到您的使用@import在小提琴CSS引導：

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

是版本3.1.1 WHI CH是錯誤的版本，目前你的HTML標記使用的是屬於2.x版本自舉類，所以你需要從你的CSS刪除上述@import和使用版本2.2.2喜歡你的工作演示：

http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap.min.css

您可以從包括它jsFiddle中的External resources就像您如何導入Bootstrap JS版本一樣。

2014-03-27 09:10:43 Felix

我有一個問題，在我的網站上它使用整個寬度。我如何減少它？ https://www.dropbox.com/s/h04z5twtauv6eee/test.png，並使它看起來像它在jsfiddle中的樣子。 – user3270211

在沒有看到您的代碼的情況下回答相當困難。你可以創建一個小提琴演示嗎？ – Felix

我看，問題是爲什麼我複製它，所以撥弄它顯示正確，但在我的網頁瀏覽器中，它不顯示這樣的：http://jsfiddle.net/52VtD/4024/ 我的瀏覽器：https：// www .dropbox.com/s/h04z5twtauv6eee/test.png – user3270211

工作鏈路使用引導2.X而小提琴使用引導3.X

嘗試刪除

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

並添加

//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap.min.css

然後你得到this。

2014-03-27 09:13:16 Incognito

回答