Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Bootstrap panel class

Bootstrap Web Development CSS Framework

Panel components are used when you want to put your DOM component in a box. To get a basic panel, just add class .panel to the <div> element.

You can try to run the following code to implement panel class in Bootstrap

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body style = "background: blue;">
      <div class = "panel panel-default">
         <div class = "panel-body">
            Demo panel
         </div>
      </div>
   </body>
</html>
Updated on: 2020-06-12T18:17:12+05:30

362 Views

Learn More in Our Tutorials

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements