Create Bootstrap Responsive Website With Bootstrap 4 HTML5 CSS3

Create Responsive Bootstrap website using bootstrap, HTML & CSS. In this tutorial we will create a complete bootstrap templet with smooth scrolling animation from scratch using bootstrap html css. We will also do some custom styling to make it more attractive. Before you take this tutorial I'm assuming that you have a basic understanding of CSS and HTML.

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites. It helps us to create a complete website easily in a few moments & also it makes our website responsive for different screen size devices.

In this tutorial you will learn about-
1. How to create a complete website using bootstrap.
2. How to create a responsive website.
3. How to create a static website.
4. How to add smooth scrolling effect.
5. How to create different sections like hero section, about us section, feature section, contact section, footer section and so on.
6. How to design cards using bootstrap & more.
#Bootstrap #Bootstrap_website #html_css
And we will do all of this in a single video. First we will make this website for desktop and then make it responsive for mobile & tablet devices.

Resources:

SUPPORT ME:

How To Make MONEY Online - My 4 Favorite Tricks:
🕔 Next trick will be revealed at the right time.

Free Course to Improve SKILLS & EARN:

Important Links:

DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use.

===============================
Connect with me & get daily updates👇
===============================

-------------------------------Track--------------------------
Music provided by : NoCopyrightSounds

Timestamps:
0:00 Intro
3:30 File Structure
4:13 Add Bootstrap
5:19 Bootstrap Navigation Bar
9:14 Styling Navigation Bar
15:36 Hero
25:19 About
31:14 Sticky Navigation Bar
36:15 Discover
40:29 Service
50:47 Sign Up Section
53:57 Footer Section
56:40 Smooth Scrolling
59:31 Making Nav links Highlighted
1:01:02 Responsive Mode

[Techetc]

In 59:58 it will be (.active) not (:active). Please make sure you remember this.
And let me know if you have any question or any opinion about this tutorial.

[briandesign]

hey man, I'd appreciate it if you gave credit for taking my exact design.

[comedyking]

most underrated channel ever...deserves a million subscribers

[hryanmahajan]

the website is actually looking really very nice. You have made a very very nice tutorial this is awsome i must say

[vishalanthony]

By far the most helpful tutorial on bootstrap 4 website building.

[muhammedsahadbinabdulsamad]

In the responsive aspect, when i reduce the size of the window the image in the about section is not going down. why? (This is my code)
<section class="about py-5">
<div class="row align-items-center container my-5 mx-auto">
<div class="text col-lg-6 col-md-6 col-12 w-50 pt-5 pb-5">
<h6>PREMIUM ACCOUNT</h6>
<h2>UNLIMITED TRANSACTION WITH ZERO FEES</h2>
<p>Otaku is a Japanese term for people with consuming interests, particularly in anime and manga.</p>
<a class="sizeAdjust" href="#">Learn more</a>
</div>
<div class="img col-lg-6 col-md-6 col-12 w-50 pt-5 pb-5">
<img class="img-fluid" src="1.svg">
</div>
</div>
</section>

[tiefsoftwarelab]

hello.my friend thanks for share👌🏻👍 Have A great Day

[dakshjoshi]

Sir i loved your tutorial i learned web development very fast watching your tutorials. Thanks and Keep posting such beautiful Content! :D

[luorobert]

great lesson for people to learn how to build a resp webpage

[gabrielsementino]

Aula muito intuitiva e explicativa, parabéns! Seus vídeos são muito bons.

[muhammadzafar]

very helpful tutorial. i learn a lot things like . mobiler responsive navigation, media quries and hero sections . lots of love from pakistan

[satriowibowo]

when i edit bootstrap class with css i need !important to do it broo... how did u override it without !important ?

[LyricalFeelings_]

where can i download your html and index file bro in your description?

[Kurenmusic]

awesome tutorial thankyou !! I cant seem to get my hero text to be in front of the video? can someone help?

[codesaif]

how many section are there in website ???

[majd_the_st]

My navbar background color won't change, even though I followed the exact same method you did .
Can you please explain how do I fix it ?
Also, do I have to save the CSS file extension as a CCS or html ?
And Thanks for this great video 🤍

[giacomomarchioro]

Nice tutorial thanks! But I think custum.css would need some more description... Where did it come from?

[jahangiralomminto]

Wonderful. Please create the videos in English and then add English as sub-title.... try to feed Bengali first and then to the whole world. Thanks.

[aforagi]

thank you very much, from which website did you get that photo or icon? I want to find it myself

[rushrider]

Can I make this using spring boot and run the file on server???