bootstrap给label用col-md-1 form-control,结果label占一整行?

 

把html 发一下呢

<form action="#" class="form-horizontal" role="form">
				<div class="form-group">
					<label for="uname" class="col-md-6 form-control">姓名</label>
					<div class="col-md-4">
						<input class="form-control" type="text" id="uname" placeholder="请输入"/>
					</div>
				</div>
			</form>

 

<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<title></title>
			<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css"/>
		</head>
		<body>
			
			<div class="row">
				<div class="col-md-3">
					<div class="checkbox-inline">
						<input type="checkbox" name="lo"/>sing
					</div>
					<div class="checkbox-inline">
						<input type="checkbox" name="lo"/>dance
					</div>
					
				</div>
				
			</div>
			<!-- <hr> --><br><br>
			<form action="#" class="form-horizontal" role="form">
				<div class="form-group row">
					<label for="uname" class="col-md-6 form-control">姓名</label>
					<div class="col-md-4">
						<input class="form-control" type="text" id="uname" placeholder="请输入"/>
					</div>
				</div>
			</form>
			
			<script src="../js/jquery-3.5.1.js"></script>
			<script src="../bootstrap/js/bootstrap.min.js"></script>
		</body>
	</html>

 

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

速戳参与调研>>>https://t.csdnimg.cn/Kf0y