引导形式没有显示正确

，我想使这个样子的自举表上工作：引导形式没有显示正确

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

回答