为什么这里bootstrap的form-group高度这么高？

Question

<div class="result-wrap">

        <div class="result-content">
            <form action="" method="post" id="myform" class="form-horizontal" name="myform">
                <div class="form-group">
                    <label for="inputArticleName" class="col-sm-2 control-label text-primary"><span class="glyphicon glyphicon-asterisk"></span>&nbsp;文章名称：</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="inputArticleName" name="title">
                    </div>
                    <span class="text-danger titleCue"></span>
                </div>
                <div class="form-group">
                    <label for="inputArticlePic" class="col-sm-2 control-label text-primary">缩略图：</label>
                    <div class="col-sm-6">
                        <input type="file" class="form-control" id="inputArticlePic" name="pic">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputArticleDesc" class="col-sm-2 control-label text-primary">文章描述：</label>
                    <div class="col-sm-6">
                        <textarea class="form-control" id="inputArticleDesc" name="desc"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputArticleContent" class="col-sm-2 control-label text-primary">文章内容：</label>
                    <div class="col-sm-6">
                        <textarea class="form-control" id="inputArticleContent" name="content"></textarea>
                    </div>
                </div>
                <div class="form-group" style="margin-top: 36px;">
                    <div class="col-sm-offset-2 col-sm-6">
                        <button type="button" class="btn btn-default submit">提交</button>
                        <button type="button" class="btn btn-default" onclick="history.go(-1)">返回</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    
    

求问：感觉很莫名其妙啊，不知道怎么回事这个form-group就这么高？？？

Answer 1

我刚好遭遇了这个问题,并顺利解决了.
我使用的是基于bootstrap的ACE模版,跟你的可能不太一样.

在form外边,包2个div,一个col-xs-12,另一个row, 就可以了.

        <div class="page-content">
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">
                        <form class="form-horizontal">......</form>
                    </div>
                </div>
            </div>
        </div>