Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to Style Page Using Bootstrap?

    • 0
    • 0
    • 0
    • 1
    • 0
    • 0
    • 0
    • 617
    Answer it

    i need to style this page using bootstrap but i can't get that
    i need to style the tags with black border
    and i need to add some margin to the top and the bottom of the container

    <?php
    require_once ("../templates/header.php");
     ?>
    <?php
    require_once ("../core/initialize.php");
    ?>
    
    <div class="container" style="border: 1px dotted red;">
            <div class="row">
       <div class="panel panel-default">
          
        
         
               
               
    <div class="panel-body">
     <form  method="post" id="exam-form" name="exam-form" action="submit_exam.php" class="form">
    
    <?php
    // Get questions from Database		
        //$question_type_id = 1 ;
         sleep(2);
        $question_type_id = Functions::GET("question_type_id");
        $question = $exam->find_question_for_exam(2);
        $total_of_questions = $question->rowCount();
        $question_rows = $question->fetchAll(PDO::FETCH_CLASS,"Exam");
        $question_number = 1 ;
        foreach ($question_rows as $question_row ):
        $question_id_array  [] =  $question_row->question_id;
        $_SESSION["question_id_array"] = $question_id_array;
    		?>
    
    		<div class="form-group col-lg-offset-1" style="border:2px dotted #000000">
    		   
    		   <div >  
    		       <label class="">   <?php echo $question_number; ?> # </label>
    		   </div>
    		   
    		   <div> 
    		       <label><?php echo $question_row -> question_text; ?></label> 
    		   </div>
    
    	  
    			     </div> 
    
    
    		<?php $question_number++; ?>
    
    		<?php
    // Get answers from Database
    $answer = $exam->find_answer_for_question($question_row->question_id);
    $answer_rows = $answer->fetchAll(PDO::FETCH_CLASS,"Exam");
    
    $answer_number = 1 ;
    foreach ($answer_rows as $answer_row):
    		?>
      
    	<div >	
    	       <ul class="col-lg-6">
    				<li class="list-group-item" style="background-color: #EEE;">
    					<strong> <?php echo $answer_number; ?>  - </strong>
    <input type="radio" id="answer"  name="answer<?php echo $question_row -> question_id; ?>" value="<?php echo $answer_row -> answer_text; ?>" />
    					<label><?php  echo $answer_row -> answer_text; ?></label>
    				</li>
    			</ul>
    	</div>
    
    		<?php $answer_number++; ?>
    
    		<?php endforeach ; // End foreach for answers fetch ?>
    		<?php endforeach ; // End foreach for questions fetch ?>
    		<?php $_SESSION["total_of_questions"] = $total_of_questions; ?>
     
                <div class="col-lg-offset-11">
                    
                         <button name="exam-submit-button" id="exam-submit-button" class="btn btn-lg btn-default form-group" >
                           
                        </button>
    
                    
                </div>
               
                
       
    
    	</form>
    	        
            </div>
        </div>
        </div><!--row-->
    </div> <!--container DIV-->
    <?php //require_once ("../templates/footer.php"); ?>
    

     

 1 Answer(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: