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>

在這裏插入圖片描述

而正常頁面的顯示是沒有問題的。

在這裏插入圖片描述求幫助!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章