<p>文本从.input-group .form-control容器中流出但不在jsFiddle </p>中

Question

我这里有一个奇怪的情况。以下基于Bootstrap3的代码在jsFiddle中看起来很好，但在其他任何地方运行时都没有。正如您从提供的链接中看到的那样，p文本在我的服务器上流出了它的标签，但在jsFiddle中看起来很好（两者都使用bootstrap3）。

知道可能导致这种情况的原因是什么？谢谢。

代码：

<form action="">
    <div class="row"><div class="col-sm-12">
        <h4>Step 1:</h4>
    </div></div>
    <div class="row"><div class="col-sm-12">
        <div class="form-group">
            <div class="input-group">
                <span class="input-group-addon">
                    <input type="checkbox">
                </span>
                <p class="form-control">Long description text text text text text text text text text text text text text text text...</p>
            </div>
        </div>
    </div></div>
</form>

这是在我的服务器上：http://leke.ydns.eu/ac2/

...和jsFiddle：http://jsfiddle.net/n2fole00/6JyFr/4/

修改 以下是截图：

Answer 1

所以似乎bootstrap将.form-control设置为34px。我刚刚写了这样的课程

.form-control {
    height: auto;
}

......那就照顾好了。