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

    • 0
    • 0
    • 0
    • 2
    • 0
    • 0
    • 0
    • 25
    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"); ?>
    

     

 2 Answer(s)

  • Dreamweaver helps you create Bootstrap documents and also edit existing web pages that is created with Bootstrap. Whether they are fully designed Bootstrap files or if it in some works-in-progress, you can edit them in Dreamweaver to not only edit code, but also use the visual editing features such as Live View editing, visual CSS designer, Visual Media Queries, and Extract to make design changes.
    Hope this helps.

    Joseph
    management training courses
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: