Login Required
Getting Started with Bootstrap
Dear Sciaku Learner you are not logged in or not enrolled in this course.Please Click on login or enroll now button.
If you have any query feel free to chat us!
Happy Coding! Happy Learning!
Lecture 93:- Getting Started with Bootstrap
Getting started with Bootstrap is relatively easy, and you can set up a project with Bootstrap in a few different ways. Here are the steps to get started with Bootstrap:
- Include the Bootstrap CSS and JavaScript files in your HTML: You can include the Bootstrap CSS and JavaScript files in your HTML using CDN links or by downloading them and adding them to your project.
- Create an HTML file: Create an HTML file and add the basic HTML structure, including the head and body tags.
- Add the Bootstrap components: Use the Bootstrap components like the grid system, navigation bar, buttons, forms, etc., to create your layout.
- Customize the look and feel: You can customize the look and feel of the components by adding custom CSS to your project.
Here's an example of a simple HTML file using Bootstrap:
phpCopy code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<title>Getting Started with Bootstrap</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">My Website</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</nav>
<div class="container my-5">
<h1>Hello, Bootstrap!</h1>
<p>This is a simple example of a Bootstrap page.</p>
<button class="btn btn-primary">Click Me</button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
Course Discussion
2 Comments
When will I get my course?
Now, Your query was resolved.
Frequently Asked Questions About Sciaku Courses & Services
Quick answers to common questions about our courses, quizzes, and learning platform
How do I register on Sciaku.com?
How can I enroll in a course on Sciaku.com?
Are there free courses available on Sciaku.com?
How do I purchase a paid course on Sciaku.com?
What payment methods are accepted on Sciaku.com?
How will I access the course content after purchasing a course?
How long do I have access to a purchased course on Sciaku.com?
How do I contact the admin for assistance or support?
Can I get a refund for a course I've purchased?
How does the admin grant access to a course after payment?
Didn't find what you're looking for?
Contact Support
I am not able to access videos from second class and further. I have already completed first class