Friday, March 4, 2016

Bootstrap Panel

 A panel in bootstrap is a bordered box with some padding around its content

Bootstrap Panel Part 1 Start And Heading. 
Start means that are categories such as, anel panel panel-default,primary,info,success,danger,warning

    <title>First Bootstrap Tutorial</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <div class="container-fluid">
        <div class="jumbotron">
  <h1>Hello, world!</h1>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>  <!--end of jumbotron-->      //Comment HTML Or Bootstrap
   </div>  <!--end of container-fluid-->     //Comment HTML Or Bootstrap

<div class = "container">
<div class ="panel panel-default">
<div class="panel panel-heading">CSE SOLVE</div>    <!-- panel heading is a heading of the panel -->
<div class ="panel-body">
</div>  <!-- end of body -->
</div> <!-- end of panel panel-default -->
</div>  <!--end of container-->      //Comment HTML Or Bootstrap

        <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
If You want to learn about the technology, computer science & engineering, web programming, freelancing, earning please click here :CSE SOLVE