1
부트 스트랩을 사용하여 양식을 만들고 텍스트 입력 너비가 너무 깁니다. 나는 bootstrap.css에 form-control
클래스의 width = 35%
을 설정하려고 시도했지만 괜찮은 것처럼 보였습니다. 그러나 화면의 크기를 재조정하면 다른 것을 겹쳤습니다. <div>
. 현재로서는 100 %로 다시 변경했습니다. 그리고 그것은 너무 길어서 다른 하나와 겹칩니다. <div>
.부트 스트랩을 사용하여 div에 텍스트 입력을 맞추는 방법은 무엇입니까?
<div class="col-sm-10">
<div class="col-sm-12">
<div class="col-sm-6">
<h4>LOGIN</h4>
<div class="panel panel-default" style="border: solid 2px black">
<div class="panel-body" style="min-height: 456px">
<div class="row">
<div class="container">
<div class="col-sm-12">
<form role="form">
<div class="form-group">
<h4>REGISTER</h4>
<p>Please login to take advantage of promotions and benefits reserved to registered users.</p>
</div>
<div class="form-group" style="margin-top: 35px">
<h5>EMAIL ADDRESS* </h5>
<input type="text" class="form-control" />
</div>
<div class="form-group">
<h5>PASSWORD* </h5>
<input type="password" class="form-control" />
</div>
<div class="form-group">
<span><input type="checkbox" style="margin-top: 20px" /></span><span> Remember me next time</span>
</div>
<div class="form-group">
<span>
<button type="button" class="btn btn-default" onclick="location.href='register.html'" >REGISTER NOW</button>
</span>
<span>
<a href="#" data-featherlight="#fl2" data-featherlight-variant="fixwidth">Forgot your password?</a>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<h5> </h5>
<div class="panel panel-default" style="border: solid 2px black">
<div class="panel-body" style="min-height: 456px">
<h5>NEW USER</h5>
<div class="register-notify">
<p>Register now and enjoy the benefits of My Account. Only registered users can:</p>
<p>- Access to your personal information through My Account</p>
<p>- Use the Wish List to save their favorite products</p>
<p>- Complete the checkout process more quickly</p>
</div>
<div style="margin-top: 150px">
<input type="button" value="REGISTER NOW" class="register-button" onclick="location.href='register.html'" />
</div>
</div>
</div>
</div>
</div>
고마워요. :) – user3651129