2014-12-01 3 views
1

내 사이트에서 올바른 순서로 열을 가져 오는 데 큰 어려움을 겪고 있습니다. 빨간색 상자 (로그인 상자 아래)를 뉴스에 대한 또 다른 패널로 지정하고 싶습니다. 그러나 나는이 아이디어를 어떻게 수행하는지 잘 모른다. https://www.dropbox.com/s/vgwhpurwo15gvet/Capture.PNG?dl=0서로 아래에있는 열 부트 스트랩

<div class="container"> 

    <div class="col-lg-6"> 
<div class="panel panel-default"> 
    <div class="panel-heading"> 
    <h3 class="panel-title">Sign In</h3> 
          <div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="forgotpassword.php">Forgot password?</a></div> 
    </div> 
    <div class="panel-body"> 
          <form action="index.php" method="post"> 
           <div class="form-group"> 
    <label for="username">Username</label> 
    <input type="text" name="username" class="form-control" placeholder="Username" id="username" value="<?php echo $submitted_username; ?>" /> 
    </div> 
           <div class="form-group"> 
    <label for="password">Password</label> 
    <input type="password" class="form-control" id="password" placeholder="Password" name="password" value=""> 
    </div> 
    <input type="submit" class="btn btn-success" value="Login" /> 
    <span> 
    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#missionmodal"> 
Read Me!</button> 
<!-- Modal --> 
<div class="modal fade" id="missionmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title" id="myModalLabel">Our Mission</h4> 
     </div> 
     <div class="modal-body"> 
     People Tank is far from finished but we have a clear perception of what we want People Tank to be. We want it to be clear and easy to use for everyone, revolutionize the way we socialize with friends and family but most importanlty we want it to be free but we can only achieve this with your early support for our idea. That's why we ask if you can afford to give us a small donation to help us cover our costs. Any amount is greatly appreciated. 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary disabled">Donate With PayPal</button> 
     </div> 
    </div> 
    </div> 
</div></form> 

       </div> 

</div> 
     </div> 

<div class="col-lg-6"> 
<div class="panel panel-default"> 
    <div class="panel-heading"> 
    <h3 class="panel-title">Register</h3> 

    </div> 
    <div class="panel-body"> 


            <form action="register.php" method="post"> 
             <div class="form-group"> 
    <label for="firstname">First Name</label> 
    <input type="text" class="form-control" id="firstname" placeholder="First Name" name="firstname" value="" > 
    </div> 

                          <div class="form-group"> 
    <label for="secondname">Second Name</label> 
    <input type="text" class="form-control" id="secondname" placeholder="Second Name" name="secondname" value="" > 
    </div> 


            <div class="form-group"> 
    <label for="username">Username</label> 
    <input type="text" class="form-control" id="username" placeholder="Username" name="username" value="" > 
    </div> 

                      <div class="form-group"> 
    <label for="email">Email</label> 
    <input type="email" class="form-control" id="email" placeholder="Email" name="email" value="" > 
    </div> 

                               <div class="form-group"> 
    <label for="password">Password</label> 
    <input type="password" class="form-control" id="password" placeholder="Password" name="password" value="" > 
    </div> 

            <div class="form-group">  
            <label for="gendeer">Select Gender</label> 
            <select name="gender" id="gender" class="form-control"> 
    <option>Male</option> 
    <option>Female</option> 
</select> 
     </div> 


             <p>DOB:<br /> 
             <?php 
     $con = mysql_connect('localhost','root',""); 
if (!$con) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 

mysql_select_db("peopletank", $con); 
$name= mysql_query("select * from month"); 

echo '<select name="month" id="user" class="textfield1">'; 
while($res= mysql_fetch_assoc($name)) 
{ 
echo '<option>'; 
echo $res['month']; 
echo'</option>'; 
} 
echo'</select>'; 

mysql_close($con) 


?> 
&nbsp;<?php 
     $con = mysql_connect('localhost','root',""); 
if (!$con) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 

mysql_select_db("", $con); 
$name= mysql_query("select * from day order by day_id asc"); 

echo '<select name="day" id="user" class="textfield1">'; 
while($res= mysql_fetch_assoc($name)) 
{ 
echo '<option>'; 
echo $res['day']; 
echo'</option>'; 
} 
echo'</select>'; 

mysql_close($con) 


?> 
    <?php 
     $con = mysql_connect('localhost','root',""); 
if (!$con) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 

mysql_select_db("", $con); 
$name= mysql_query("select * from year"); 

echo '<select name="year" id="user" class="textfield1">'; 
while($res= mysql_fetch_assoc($name)) 
{ 
echo '<option>'; 
echo $res['year']; 
echo'</option>'; 
} 
echo'</select>'; 

mysql_close($con) 


?> 
             <br /><br /> 
             <input type="submit" class="btn btn-success" value="Register" /> 
             <a class="btn btn-primary disabled" href="#">Register with Facebook</a> 
             <a class="btn btn-info disabled" href="#">Register with Twitter</a> 
             </p> 

           </form> 
    </div> 
     </div> 
</div> 
</div> 
</div> 
+0

우연히 현재 코드를 게시 할 수 있습니까? 스크린 캡보다 훨씬 유용 할 것입니다. –

+0

은 엉망진창을 추가했습니다. – mattmill98

+0

이제 괜찮습니다. –

답변

0

좋아,이 Bootply 당신에게 일반적인 아이디어를 줄 것이다. 각 열은 여러 "행"을 가질 수 있도록

<div class="container"> 
    <div class="col-lg-6"> 
    <div class="container-fluid"> 
     <div class="row"> 
     <div class="col-lg-12"> 
      <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h3 class="panel-title">Sign In <span class="pull-right"><a href="forgotpassword.php">Forgot password?</a></span></h3> 
      </div> 
      <div class="panel-body"> 
      </div> 
      </div> 
     </div> 
     </div> 
     <div class="row"> 
     <div class="col-lg-12"> 
      <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h3 class="panel-title">News</h3> 
      </div> 
      <div class="panel-body"> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
    <div class="col-lg-6"> 
    <div class="container-fluid"> 
     <div class="row"> 
     <div class="col-lg-12"> 
      <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h3 class="panel-title">Register</h3> 
      </div> 
      <div class="panel-body"> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

기본적으로,이 col 구조 내에서 col 구조,이다;

Bootply

그리고 여기에 코드입니다 또는 귀하의 케이스 패널에. 입력 한 내용을 panel-body으로 작성하면 문제가 해결됩니다.

건배!

+0

도와 주셔서 너무 고마워요. – mattmill98

+0

아무런 문제없이 도와 드릴 수있어서 기쁩니다! –