부트 스트랩 템플릿이 전체 길이로 표시됩니다.

코드를 JSP 파일로 복사하고 실행하려고 시도한 부트 스트랩 로그인 또는 등록 템플릿은 와이드 스크린입니다. 나는 이유를 알 수없는 것 같습니다. 나는 템플릿에서 같은 코드를 사용한다. 이것은 같은 모습입니다 :부트 스트랩 템플릿이 전체 길이로 표시됩니다.

enter image description here

코드 :

<!DOCTYPE html> 
<link class="cssdeck" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css"> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" class="cssdeck"> 

<div class="" id="loginModal"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h3>Have an Account?</h3> 
    </div> 
    <div class="modal-body"> 
     <div class="well"> 
      <ul class="nav nav-tabs"> 
       <li class="active"><a href="#login" data-toggle="tab">Login</a></li> 
       <li><a href="#create" data-toggle="tab">Create Account</a></li> 
      </ul> 
      <div id="myTabContent" class="tab-content"> 
       <div class="tab-pane active in" id="login"> 
        <form class="form-horizontal" action='' method="POST"> 
         <fieldset> 
          <div id="legend"> 
           <legend class="">Login</legend> 
          </div>  
          <div class="control-group"> 
           <!-- Username --> 
           <label class="control-label" for="username">Username</label> 
           <div class="controls"> 
            <input type="text" id="username" name="username" placeholder="" class="input-xlarge"> 
           </div> 
          </div> 

          <div class="control-group"> 
           <!-- Password--> 
           <label class="control-label" for="password">Password</label> 
           <div class="controls"> 
            <input type="password" id="password" name="password" placeholder="" class="input-xlarge"> 
           </div> 
          </div> 


          <div class="control-group"> 
           <!-- Button --> 
           <div class="controls"> 
            <button class="btn btn-success">Login</button> 
           </div> 
          </div> 
         </fieldset> 
        </form>     
       </div> 
       <div class="tab-pane fade" id="create"> 
        <form id="tab"> 
         <label>Username</label> 
         <input type="text" value="" class="input-xlarge"> 
         <label>First Name</label> 
         <input type="text" value="" class="input-xlarge"> 
         <label>Last Name</label> 
         <input type="text" value="" class="input-xlarge"> 
         <label>Email</label> 
         <input type="text" value="" class="input-xlarge"> 
         <label>Address</label> 
         <textarea value="Smith" rows="3" class="input-xlarge"> 
         </textarea> 

         <div> 
          <button class="btn btn-primary">Create Account</button> 
         </div> 
        </form> 
       </div> 
      </div> 
     </div> 
    </div> 

<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

출처

2014-04-25 Anonymous

당신은 그 것이었다 <div class="container">

출처

2014-04-25 14:25:43

감사 내부에 코드를 삽입한다! –

부트 스트랩 템플릿이 전체 길이로 표시됩니다.

답변

관련 문제