React - Responsive Website Design Tutorial using Bootstrap v5 in React JS Crash Course from Scratch

React - Responsive Website Design Tutorial using Bootstrap v5 in React JS Crash Course from Scratch

Funda Coder

3 года назад

78,949 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

David Mejia Vilca
David Mejia Vilca - 14.11.2023 12:09

Me podrias ayudar brindandome tu codigo fuente. Es muy importante para mi, es necesario para mi crecimiento como profesional.

Ответить
SoraFromIndia
SoraFromIndia - 23.05.2023 20:47

Where in the world was this tutorial a responsive one?

Ответить
Muhammad Gul
Muhammad Gul - 07.04.2023 23:26

Very helpful your video Thanks❤❤

Ответить
Priyam Mondal
Priyam Mondal - 12.03.2023 09:35

Great content. Thanks man for this project!

Ответить
CUDJOE AUGUSTINE
CUDJOE AUGUSTINE - 04.03.2023 01:11

Nice tutorials ,keep it up

Ответить
John Wick
John Wick - 28.02.2023 12:41

About us page:

import React from "react";
import VMC from "./inc/Vmc";

function Aboutus() {
return (
<div>
<section className="py-4 bg-info">
<div className="container">
<div className="row">
<div className="col-md-4 my-auto">
<h4>About Us</h4>
</div>
<div className="col-md-8 my-auto">
<h6 className="float-end">
Home / About Us
</h6>
</div>
</div>
</div>
</section>

<section className="section border-bottom">
<div className="container">
<h5 className="main-heading">Our Company</h5>
<div className="underline"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula enim vel sapien pulvinar, ut rutrum enim tristique. Sed et diam quis diam consectetur eleifend. Praesent lacinia quam sit amet neque commodo, sit amet hendrerit risus aliquet. Nunc id convallis enim. Nulla malesuada elit ac turpis elementum lobortis. Donec rutrum felis ac justo consectetur auctor. Phasellus lobortis malesuada eros, nec sagittis ipsum bibendum quis. Nullam sem odio, euismod ut quam eu, ultrices tempor est.
</p>
</div >
</section >

{/* Next Section about Vision, Mission and Values */}
<VMC />
</div >
);
}

export default Aboutus;

Ответить
UyyalaVishnu Bharadwaj
UyyalaVishnu Bharadwaj - 12.12.2022 18:50

Without refreshing or reloading how to navigate from one page to another pls tell me sir I want to submit the project pls tell me sir

Ответить
waheed hussain
waheed hussain - 30.09.2022 17:40

video playing like corrupted file

Ответить
FRM-Best and Funny Videos
FRM-Best and Funny Videos - 20.09.2022 01:08

Hi, in the App.js this code don't work for me( <Route path="/">
<Route path="/Home">
<Home />
</Route>
<Route path="/contact">
<Contact />
</Route>
<Route path="/about">
<About />
</Route>) some one can help me please ? Thank you

Ответить
::INITER::37::37::
::INITER::37::37:: - 12.09.2022 14:27

thank kyu

Ответить
Story Pandit
Story Pandit - 26.08.2022 07:30

Some feature of react not working like switch

Ответить
tan maryjoy
tan maryjoy - 19.07.2022 11:09

when i installed bootstrap why does it says: 23 vulnerabilities (17 moderate, 6 high)

Ответить
Rakshith BS
Rakshith BS - 18.07.2022 11:12

Please do with help of css also so we get revise on it

Ответить
Account Inactive
Account Inactive - 04.07.2022 08:21

Thank you!! Funda Coder. Your demonstration is clean and neat. great tutorial for anyone who wants to implement Bootstrap in ReactJS.. Thanks again.

Ответить
Vladimir Putin II
Vladimir Putin II - 30.06.2022 12:04

You have a new subscriber

Ответить
Yathreb Amarneh
Yathreb Amarneh - 16.06.2022 08:45

Thanks a lot

Ответить
Abhimanyu arora
Abhimanyu arora - 10.05.2022 20:51

Hi, very informative video with good explanation. Kudos to you. :)
one thing, you copy pasted some code directly in the jsx file but didnt provide the source code. Can you please do that? it would be helpful to all.

Ответить
Cosa Nostra YTC
Cosa Nostra YTC - 29.04.2022 01:30

Great tutorial. Thank you!

Ответить
crystalclear
crystalclear - 25.04.2022 21:25

You should make more mern stack projects.... your explanation is so good

Ответить
Farhan Hamza
Farhan Hamza - 24.04.2022 20:31

Thanks!!

Ответить
crystalclear
crystalclear - 24.04.2022 19:51

Thank you 😊 it was very helpful tutorial 🙏

Ответить
maayan
maayan - 13.04.2022 17:12

Thanks for sharing this usefull stuff! How can I add a login form to this project?

Ответить
World Class Code
World Class Code - 04.04.2022 12:02

Great tutorial! We can work together :)

Ответить
Lemon Khan
Lemon Khan - 26.03.2022 16:49

Very good content. Recommended for beginners. 👍👍👍

Ответить
Abdul Muttam
Abdul Muttam - 24.03.2022 19:07

Hi, Can u provide this source file what u have done in this video?

Ответить
Shivam gupta
Shivam gupta - 05.03.2022 13:10

Why link is not working

Ответить
YoYo WorkSpace
YoYo WorkSpace - 18.02.2022 16:40

anybody help? I want to view the errors in the browser.. but it shows a blank page only.

Ответить
Delta Zone
Delta Zone - 02.02.2022 09:49

thank u man

Ответить
Srimali Senn
Srimali Senn - 25.11.2021 15:38

Dear Sir, I have followed your lesson, everything was find, but my 'HomeAboutContact' all stack together, whereas in yours there is a space, Home About Contact. I am half way through, any solution, appreciate it very much, thank you for tutorial, pls help, before I proceed to next lever. Once again thank you

Ответить
masood mehrkesh
masood mehrkesh - 16.11.2021 17:33

Hi,please put the assets file in here

Ответить
Mohan vej
Mohan vej - 11.11.2021 10:06

could you plz share me the final output with responsive view??

Ответить
Mohan vej
Mohan vej - 11.11.2021 10:05

nice video but u could not imported bootstrap into your pages ??

Ответить
Chanikya Thaniparthi
Chanikya Thaniparthi - 06.11.2021 15:54

Super tutorial for beginners ... absolutely clear teaching .. thank you very much

Ответить
Satya Brat Pandey
Satya Brat Pandey - 30.10.2021 04:01

Thank you so much for creating this tutorial . This really helpful and good explanation each every thing. If possible please create a tutorial on Redux

Ответить
Delight Zone
Delight Zone - 28.09.2021 17:22

Really awesome!

Ответить
Bright Okoro
Bright Okoro - 07.09.2021 11:05

this is great and i love the way you show us how it is been done,well done and great respect to you bro

Ответить
BINUKITTOOP
BINUKITTOOP - 05.09.2021 10:23

👌👌👌👌👌 Keep going bro..! ❤️❤️❤️❤️❤️

Ответить
Rukmani Kumari
Rukmani Kumari - 26.07.2021 19:54

Nice video sir

Ответить
Tue TK Tran
Tue TK Tran - 21.07.2021 12:23

I've done a lot of react tutorials, and this one is very good. Well done!

Ответить
jyoti sharma
jyoti sharma - 16.07.2021 10:38

I am having a file to compile an error in import bootstrap.

Ответить
DEEKSHU N
DEEKSHU N - 13.07.2021 08:54

Very good information for basic good content ❤️❤️ .I have been searching day and night fo this tutorial ❤️❤️
Keep rocking brother
But one error in console
We should use all bootstrap class = className

Ответить
R. Abishek
R. Abishek - 21.06.2021 00:16

thank you so much for this wonderful tutorial ❤️❤️

Ответить
Vanukuru Raj Kumar
Vanukuru Raj Kumar - 15.06.2021 18:56

hi created an example website and hosted in godaddy linux server. My problem is on refreshing the page it is showing 404 not found page. how to solve this error.

Ответить
Alfath Muqoddas
Alfath Muqoddas - 10.06.2021 16:15

nice tutorial, easy to understand, please make more tutorial like this

Ответить
stachowi
stachowi - 08.06.2021 18:48

fantastic tutorial!

Ответить
Ravinder Singh
Ravinder Singh - 30.05.2021 00:55

Thanks Sir for react tutorial , How Can we change the title, meta, description tags with Home, About, Contact pages

Ответить
Dijup Tuladhar
Dijup Tuladhar - 18.05.2021 10:54

great initiation better to share result so user can compare it if they make mistake.

Ответить