내 부트 스트랩 행과 열은 크기를 자동으로

Question

<div class="container"> 
 
    <div class="row"> 
 
<div class="col-lg-12"> 
 
    <div class="welcome-tag"> 
 
    <p> Create a Havedocs Account to discover </p> 
 
    </div> 
 
    <div class="logInfDiv"> 
 
    <div class="pull-left"><i class="fa fa-desktop"></i></div> 
 
    <div class="media-body"> <strong>Access Quality Content</strong><br> 
 
     Browse and download millions of crowd-sourced study materials tagged to specific courses at universities all over the world </div> 
 
    </div> 
 
    <div class="logInfDiv"> 
 
    <div class="media"> 
 
     <div class="pull-left"><i class="fa fa-clock-o"></i></div> 
 
     <div class="media-body"> <strong>Study Whenever You Want</strong><br> 
 
     Havedocs's services are available 24/7 - you can ask a tutor for homework help at 3 a.m. or review flashcards over lunch </div> 
 
    </div> 
 
    </div> 
 
    <div class="logInfDiv"> 
 
    <div class="media"> 
 
     <div class="pull-left"><i class="fa fa-users"></i></div> 
 
     <div class="media-body"> <strong>Build a Better Community</strong><br> 
 
     Share educational content with fellow students to make Havedocs stronger and earn free Premier membership </div> 
 
    </div> 
 
    </div> 
 
    <form class="form-signin"> 
 
    <div class="login_heading"> 
 
     <div class="headingLeft"><i class="fa fa-lock"></i> Create an Account</div> 
 
     <div class="headingRight"><a href="login.php">Login</a></div> 
 
    </div> 
 
    <input type="text" class="form-control" name="userName" placeholder="User Name" required autofocus /> 
 
    <input type="text" class="form-control" name="emailAddress" placeholder="Email Address" required autofocus /> 
 
    <input type="password" class="form-control" name="password" placeholder="Password" required/> 
 
    <input type="password" class="form-control" name="confirmPassword" placeholder="Confirm Password" required/> 
 
    <br> 
 
    <label>Gender</label> 
 
    <br> 
 
    <input type="radio" name="gender" value="male" checked> 
 
    Male 
 
    <input type="radio" name="gender" value="female"> 
 
    Female<br> 
 
    <br> 
 
    <div class="create-acc"> 
 
     <p>Already have an account? <a href="login.php"> Click here Login.</a></p> 
 
    </div> 
 
    <button class="btn btn-primary btn-lg" type="submit">Register</button> 
 
    </form> 
 
</div> 
 
    </div> 
 
</div>

다음

내 코드 및 스크린 샷 첨부 을 조정하지 않습니다 같은 공간을 점유! 나는 col-lg-12 행을 사용하고 있으며 같은 공간을 가지고 있고 내용에 맞게 조정하지 않는다. 등록 양식이 내려 가고 일부 필드를 만들고 숨길 때 스크롤 옵션이 나타나지 않는다. 내가 잘못 감사

Answer 1

당신은 두 부분으로 왼쪽 페이지를 분할해야

과 오른쪽에 바로 을하고있어 어디 UR 로그인 폼

<div class="container"> 
    <div class="row"> 
    <div class="col-md-8"> 
     <div class="welcome-tag"> 
     <p> Create a Havedocs Account to discover </p> 
     </div> 

     <div class="logInfDiv"> 
     <div class="pull-left"><i class="fa fa-desktop"></i></div> 
     <div class="media-body"> 
      <strong>Access Quality Content</strong> 
      <br> 
      Browse and download millions of crowd-sourced study materials tagged to specific courses at universities all over the world 
     </div> 
     </div> 

     <div class="logInfDiv"> 
     <div class="media"> 
      <div class="pull-left"><i class="fa fa-clock-o"></i></div> 
      <div class="media-body"> 
      <strong>Study Whenever You Want</strong><br> 
      Havedocs's services are available 24/7 - you can ask a tutor for homework help at 3 a.m. or review flashcards over lunch 
      </div> 
     </div> 
     </div> 

     <div class="logInfDiv"> 
     <div class="media"> 
      <div class="pull-left"><i class="fa fa-users"></i></div> 
      <div class="media-body"> 
      <strong>Build a Better Community</strong><br> 
     Share educational content with fellow students to make Havedocs stronger and earn free Premier membership 
      </div> 
     </div> 
     </div> 

    </div> <!------- left side ends 
    <div class="col-md-4 col-sm-4 col-xs-12">   
     <form class="form-signin"> 
     <div class="login_heading"> 
      <div class="headingLeft"><i class="fa fa-lock"></i> Create an Account</div> 
      <div class="headingRight"><a href="login.php">Login</a></div> 
     </div> 
     <input type="text" class="form-control" name="userName" placeholder="User Name" required="" autofocus="" /> 
     <input type="text" class="form-control" name="emailAddress" placeholder="Email Address" required="" autofocus="" /> 
     <input type="password" class="form-control" name="password" placeholder="Password" required=""/> 
     <input type="password" class="form-control" name="confirmPassword" placeholder="Confirm Password" required=""/><br> 
     <label>Gender</label><br> 
     <input type="radio" name="gender" value="male" checked> Male 
     <input type="radio" name="gender" value="female"> Female<br><br> 

     <div class="create-acc"> 
      <p>Already have an account? <a href="login.php"> Click here Login.</a></p> 
     </div> 
     <button class="btn btn-primary btn-lg" type="submit">Register</button> 
     </form> 
    </div> 
    </div> 
</div>