Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Bootstrap Background Color Classes Example
Keywords : colors, bootstrap, bootstrap colors, bootstrap background colors, background colors examples, bootstrap primary text color, bootstrap danger class, bootstrap info class
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Background Color Classes Example</title> <meta charset="utf-8"> <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://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> .bcontent { margin-top: 10px; } </style> </head> <body> <div class="container bcontent"> <p class="bg-primary text-white">Primary Background</p> <p class="bg-secondary text-white">Secondary Background</p> <p class="bg-success text-white">Success Background</p> <p class="bg-danger text-white">Danger Background</p> <p class="bg-warning text-dark">Warning Backgroun</p> <p class="bg-info text-white">Info Background</p> <p class="bg-light text-dark">Light Background</p> <p class="bg-dark text-white">Dark Background</p> <p class="bg-white text-dark">White background</p> <p class="bg-transparent text-dark">Transparent background</p> </div> </body> </html>
Click Here to See Result
Result
Previous
Next