Bootstrap Panel Not Displaying

user_10152171 0
Viewed 1663

I am trying to use Bootstrap panel and it is not displaying. Does anyone know why my code isn’tn working? I got it from the bootstrap website and I made small modifications.



BOOTSTRAP CODE

 <div class="panel panel-default">
    <div class="panel-heading">
    <h3 class="panel-title">Share Something!</h3>
  </div>
   <div class="panel-body">
    <form method="post" action="<?php $_SERVER['PHP_SELF']; ?>">
     <div class="form-group">
           <label>Share Title</label>
            <input type="text" name="title" class="form-control" />
        </div>
        <div class="form-group">
            <label>Body</label>
            <textarea name="body" class="form-control"></textarea>
         </div>
        <div class="form-group">
           <label>Link</label>
            <input type="text" name="link" class="form-control" />
        </div>
        <input class="btn btn-primary" name="submit" type="submit"       value="Submit" />
         <a class="btn btn-danger" href="<?php echo ROOT_PATH; ?>shares">Cancel</a>
     </form>
   </div>
 </div>
twitter-bootstrap php
2 Answers

just you need to close tag correctly and make sure you include css & js file correct for bootstrap 3 version

 <div class="panel panel-default">
    <div class="panel-heading">
    <h3 class="panel-title">Share Something!</h3>
    </div>
   <div class="panel-body">
    <form method="post" action="<?php $_SERVER['PHP_SELF']; ?>">
     <div class="form-group">
           <label>Share Title</label>
            <input type="text" name="title" class="form-control" />
            </div>
        <div class="form-group">
            <label>Body</label>
            <textarea name="body" class="form-control"></textarea>
         </div>
        <div class="form-group">
           <label>Link</label>
            <input type="text" name="link" class="form-control" />
        </div>
        <input class="btn btn-primary" name="submit" type="submit"       value="Submit" />
         <a class="btn btn-danger" href="<?php echo ROOT_PATH; ?>shares">Cancel</a>
         </div>
         </form>
         </div>
user_32881230

Closing of div and form element is wrong.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="panel panel-default">
    <div class="panel-heading">
    <h3 class="panel-title">Share Something!</h3>
  </div>
   <div class="panel-body">
    <form method="post" action="<?php $_SERVER['PHP_SELF']; ?>">
     <div class="form-group">
           <label>Share Title</label>
            <input type="text" name="title" class="form-control" />
        </div>
        <div class="form-group">
            <label>Body</label>
            <textarea name="body" class="form-control"></textarea>
         </div>
        <div class="form-group">
           <label>Link</label>
            <input type="text" name="link" class="form-control" />
        </div>
        <input class="btn btn-primary" name="submit" type="submit"       value="Submit" />
         <a class="btn btn-danger" href="<?php echo ROOT_PATH; ?>shares">Cancel</a>
     </form>
   </div>
 </div>

user_84491320
Related