Friday, March 4, 2016

Bootstrap Panel Group

Bootstrap Panel Group That are add two panel 


<html>
<head>
    <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">
  
    </head>
    <body>
    <div class="container-fluid">
        <div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>...</p>
  <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-group">
<div class ="panel panel-success">     <!-- change The name primary instead of default  -->
<div class="panel panel-heading">CSE SOLVE</div>    <!-- panel heading is a heading of the panel -->
<div class ="panel-body">
<p>
Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
 Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
</p> 
</div>  <!-- end of body -->
</div> <!-- end of panel panel-sucess-->
 
<div class ="panel panel-primary">     <!-- change The name primary instead of default  -->
<div class="panel panel-heading">Panel Primary</div>    <!-- panel heading is a heading of the panel -->
<div class ="panel-body">
<p>
Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
 Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
Broker.Broker.Broker.Broker.Broker.Broker.Broker.Broker.
</p> 
</div>  <!-- end of body -->
</div> <!-- end of panel panel-primary-->
 
 
 
</div>  <!-- end of panel group -->
</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>
    </body>
</html>
If You want to learn about the technology, computer science & engineering, web programming, freelancing, earning please click here :CSE SOLVE

No comments:

Post a Comment