Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Follow the below steps to set Bootstrap panel with heading −Use .panel-heading class to add a heading container to your panel.Use any - with a .panel-title class to add a pre-styled heading.You can try to run the following code for panel with headings in Bootstrap −ExampleLive Demo Bootstrap Example Tutorials Learn for free Quiz Attempt these quizzes
The .panel-danger class in Bootstrap is used to indicate danger.You can try to run the following code to implement panel-danger class −ExampleLive Demo Bootstrap Example Panel title (danger) This is a Basic panel
To create a non-bordered table within a panel, use the class .table within the panel.You can try to run the following code to form a table within a panelExampleLive Demo Bootstrap Example Panel title This is a demo panel Student Marks Rank Amit 97 1 Virat 83 2 Tom 70 3
To create a table in Bootstrap, use the .table class.You can try to run the following code to create a table:Live Demo Bootstrap Example Result Top Students of batch 2017-18 Student Marks Rank David 82 1 John 79 2 Tom 76 3
Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve thisExampleLive Demo Bootstrap Example Active State in Pill Home 29 Profile Messages 72
To create tabs with Bootstrap, use the .nav and .nav-tabs classes. With that use the .dropdown-menu class.Start with a basic unordered list with the base class of .nav Add the class .nav-tabs.Now add an unordered list with a .dropdown-menu class.You can try to run the following code to create tabs with drop-down −ExampleLive Demo Bootstrap Example Website Home About Products Online Compiler Image Editor Document Viewer Services Contact
For active states, place to active links in Bootstrap −You can try to run the following code to achieve thisExampleLive Demo Bootstrap Example Active State in navigations 29 Home 9 Mail
The Bootstrap danger contextual class indicates a danger action.You can try to run the following code to implement the .danger class −ExampleLive Demo Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin Economics 80 Tony
Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve this −ExampleLive Demo Bootstrap Example Active State in navigations 29 Home Profile 9 Messages
With the jumbotron class in Bootstrap, increase the size of headings and add a lot of margin for landingpage content.You can try to run the following code to implement the .jumbotron class in Bootstrap −ExampleLive Demo Bootstrap Example Welcome to landing page! Our first page. Click for more