Jumbotron Example in Bootstrap CSS

Definition : It is a class which is meant for providing bigger representation for the content on the web page. Program : <html lang=”en”>   <body>     <div class=”container”>                 <div class=”jumbotron”>                 <h1> Heading </h1>                 rets of the text goes here                 </div>                 </div>                 </body>                 …

Table Examples in Bootstrap CSS

Definition : Table is meant for displaying the content in rows and columns fashion. Program : <html lang=”en”>    <head>      <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width” initial scale=”1″>      <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>      <script src href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css”> </script>      <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”> </script>                      <body>                                     <div class=”contailer”>                                                    …

Grid Examples in Bootstrap CSS

Definition :       Grid is to provide the equal space to allocate the content. Program : <html>    <head>       <meta name=”viewport” content=”width=device-width” initial scale=”1″>                   <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”> </script>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js”> </script>     </head>                 <body>                   <div class=”container”>                    …

Badges Example in Bootstrap CSS

Definition : Badges are meant for providing notification kind of result to the web page. Program : <html>    <head>       <meta name=”viewport” content=”width=device-width” initial scale=”1″>                   <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”> </script>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js”> </script>     </head>                 <body>                      <div class=”container”>                                 …

Alert Examples in Bootstrap CSS

Definition : Alert means to display the different colors to seen the content in webpage. Program : <html>    <head>       <meta name=”viewport” content=”width=device-width” initial scale=”1″>                   <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”> </script>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js”> </script>     </head>                 <body>                      <div class=”container”>                                 …

Active Example in Bootstrap CSS

Definition : The active selector is used to select and style the active link, a link becomes active when you click on it. Program : <html>    <head>       <meta name=”viewport” content=”width=device-width” initial scale=”1″>                   <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”> </script>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js”> </script>     …

Button Examples in Bootstrap CSS

Definition : Button is a bootstrap css class which is meant for generating buttons as per the compatability of the browser components. Program : <html>    <head>       <meta name=”viewport” content=”width=device-width” initial scale=”1″>                   <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”> </script>                   <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js”> </script>     </head> …