bootstrap的form-group高度不一致

最新推荐文章于 2020-10-21 16:52:17 发布

Florrie Zhu

最新推荐文章于 2020-10-21 16:52:17 发布

阅读量2k

点赞数

分类专栏：疑惑求解答文章标签： bootstrap form-group高度不一致

本文链接：https://blog.csdn.net/Resume_f/article/details/84841409

版权

疑惑求解答专栏收录该内容

2 篇文章 1 订阅

订阅专栏

在嵌入的页面里面，这个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>

在这里插入图片描述

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

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

Florrie Zhu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
bootstrap的form-group高度不一致

在嵌入的页面里面，这个form-group高度特别高，但是在其本身页面显示没有问题的，这是什么情况，求大神？？？.navLeft{ float: left; } #rightContainer{ min-width: 85%; } /*这个rightContainer是放点击左侧功能之后显示的页面位置*/ #rightContainer:after{ content: ""...
复制链接

扫一扫