Bootstrap
₹2,000.00
₹300.00
- 23 students
- 13 lessons
- 0 quizzes
- 10 week duration
-
Basics
- Starting Bootstrap
- The Bootstrap Grid System
- Bootstrap Colors
- Bootstrap Tables
- Bootstrap Spinners
- Bootstrap Buttons — Spinners
- Bootstrap Button Groups
- How to design a Dropdown Menu in Bootstrap
- Bootstrap Forms
- Simple Bootstrap Validation
- Bootstrap Carousel-1
- Creating a Navigation Bar with Bootstrap
- How to create a Bootstrap Theme?
Starting Bootstrap
To begin with we need to add certain files to our html page.
<!DOCTYPE html> <html lang="en"> <head> <title>Starting Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>Bootstrap is added to this page</h1> </div> </body> </html>
You need to add the following files.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
What are these?
<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Popper JS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
why here show a warning ‘class container not found’
Check your internet connection. In any case view the page in the browser and see if it works properly. Class not found etc maybe due to some thread failure in Netbeans.