bootstrap的form-group高度不一致

在嵌入的页面里面,这个form-group高度特别高,但是在其本身页面显示没有问题的,这是什么情况,求大神???

.navLeft{
		float: left;
	}
	#rightContainer{
		min-width: 85%;
	}
	/*这个rightContainer是放点击左侧功能之后显示的页面位置*/
	#rightContainer:after{
		content: "";
		display: inline-block;
		clear: both;
	}
	</style>
</head>
<body>
*******部分导航栏
<div class="topright">
	              <ul class="list-group">
	                    <li class="list-group-item a"><span><img th:src="@{img/help.png}" title="帮助"
	                            class="helpimg" /></span><a href="#">帮助</a></li>
	                    <li class="list-group-item a">欢迎<span th:text="${user.getUsername()}">用户</span>登陆</li>
	                    <li class="list-group-item a"><a href="#" id="exit" target="_parent">退出</a></li>
	              </ul>
				</div>
			</div>
******下面是表单********
        <form class="form-horizontal" action="show.html" th:action="@{/show}">
            <div class="row">
                <div class="form-group">
                    <label class="col-md-2 control-label" for="departnum">部门编号:</label>
                    <div class="col-md-4">
                        <input type="text" id="departnum" name="departnum" class="form-control" placeholder="请输入部门编号" maxlength="30">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label" for="departname">部门名称</label>
                    <div class="col-md-4">
                    <input type="text" name="departname" id="departname" class="form-control" placeholder="请输入部门名称">
                    </div>
                </div>
               <div class="form-group">
                    <label for="lead" class="col-md-2 control-label">部门负责人</label>
                    <div class="col-md-4">
                    <input type="text" name="lead" id="lead" class="form-control" placeholder="请输入部门负责人的姓名">
                    </div>
               </div>
               <div class="form-group">
                    <label class="col-md-2 control-label" for="total">部门人数</label>
                    <div class="col-md-4">
                    <input type="text" name="total" id="total" class="form-control" placeholder="如150">
                    </div>
                </div>
.....省略
                <div class="form-group">
                    <div class="col-md-1 col-md-offset-3 ">
                        <button class=" btn btn-success btn-block" type="submit">提交</button>
                     </div>
                    <div class="col-md-1  col-md-offset-1 ">
                        <button class=" btn btn-success btn-block" >取消</button>
                    </div>
                </div>
            </div>
        </form>

在这里插入图片描述

而正常页面的显示是没有问题的。

在这里插入图片描述求帮助!!!

发布了15 篇原创文章 · 获赞 37 · 访问量 4240

猜你喜欢

转载自blog.csdn.net/Resume_f/article/details/84841409