Text1 레이블을 다음과 같이 동일한 위치 Text3 레이블에 정렬하려면 어떻게해야합니까 : http://www.bootply.com/R2CkWnzZQq# . 사실, 저는 사용자 정의 CSS를 사용하여 Text3 레이블을 조정하는 것을 좋아하지 않습니다. 아래는 html 코드입니다.
<br class="clearfix">
<div class="panel panel-default">
<div class="panel-heading">
<span class="panel-text-title">Header</span>
</div>
<div class="panel-body">
<h2>Info</h2>
<hr>
<div class="form-horizontal">
<div class="col-sm-6">
<div class="form-group">
<label for="name" class="col-sm-3 control-label">Text1</label>
<div class="col-sm-9">
<input class="form-control" id="Text" name="Text" value="" type="text">
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-3 control-label">Text2</label>
<div class="col-sm-9">
<input class="form-control" id="Text" name="Text" value="" type="text">
</div>
</div>
</div>
<br class="clearfix">
<div class="col-sm-12">
<div class="form-group">
<label for="Report" class="col-sm-2 control-label">Text3</label>
<div class="col-sm-10">
<textarea class="form-control" cols="20" id="Demo" name="Demo" placeholder="Text" rows="3" style="min-width:100%;"></textarea>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="Description" class="col-sm-1 control-label"></label>
<div class="col-sm-11">
<button type="submit" class="btn btn-primary">Button</button>
</div>
</div>
</div>
</div> </div>
</div>
미리 감사드립니다.
코드를 다음으로 바꿉니다.
<br class="clearfix">
<div class="panel panel-default">
<div class="panel-heading">
<span class="panel-text-title">Header</span>
</div>
<div class="panel-body">
<h2>Info</h2>
<hr>
<div class="row">
<label for="name" class="col-sm-1 control-label text-right">Text1</label>
<div class="col-sm-5">
<input class="form-control" id="Text" name="Text" value="" type="text">
</div>
<label for="name" class="col-sm-1 control-label text-right">Text1</label>
<div class="col-sm-5">
<input class="form-control" id="Text" name="Text" value="" type="text">
</div>
</div>
<br class="clearfix">
<div class="row">
<label for="name" class="col-sm-1 control-label text-right">Text3</label>
<div class="col-sm-11">
<textarea class="form-control" cols="20" id="Demo" name="Demo" placeholder="Text" rows="3" style="min-width:100%;"></textarea>
</div>
</div>
<br class="clearfix">
<div class="row">
<div for="name" class="col-sm-1"></div>
<div class="col-sm-11">
<button type="submit" class="btn btn-primary">Button</button>
</div>
</div>
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다