Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Use the .input-sm class to set small input field in Bootstrap.You can try to run the following code to implement .input-sm class:ExampleLive Demo Bootstrap Example Candidate Profile What is your job profile? Programmer Web Developer DBA Support Engineer Educational Qualification Undergraduate Graduate Post-Graduate
Labels are great for offering counts, tips, or other markups for pages.ExampleUse class .label to display labels and try to run the following codeLive Demo Bootstrap Example Tutorials 150 Quiz 90
With Bootstrap, you can easily add heading to thumbnails.You can try to run the following code to add HTML headings −ExampleLive Demo Bootstrap Example Thumbnail Heading
The role of .thumbnail class in Bootstrap is used to create a thumbnail for images −ExampleLive Demo Bootstrap Example
On a website or blog, breadcrumbs can show the dates of publishing, categories, or tags. Breadcrumbs show hierarchy-based information. In Bootstrap, use the .breadcrumb class to add breadcrumbs to a website.You can try to run the following code to implement breadcrumbs −ExampleLive Demo Bootstrap Example Home Quiz PHP
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 element.You can try to run the following code to implement panel class in BootstrapExampleLive Demo Bootstrap Example Demo panel
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