Bootstrap表单显示不正确

Question

使用我试图制作的引导程序表单如下：

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

但这就是它的样子：

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

Answer 1

这是因为使用@import在小提琴中指向你的bootstrap CSS：

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

是版本3.1.1，这是错误的版本，因为目前您的HTML标记使用属于版本2.x的Bootstrap类，因此您需要从CSS中删除@import以上并使用版本2.2.2就像你的工作演示一样：

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

您可以在External resources中的jsFiddle中包含它，就像导入Bootstrap JS版本一样。

<强> Updated Fiddle

Answer 2

工作链接使用Bootstrap 2.x，而小提琴使用Bootstrap 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。