Тёмный

Bootstrap 4 tutorial 15 adding background image 

Braintemple Tutorial TV
Подписаться 24 тыс.
Просмотров 87 тыс.
50% 1

➢ SUSCRIBE to this channel if you haven't
➢ STARTER FILES: github.com/dav...
If you feel helped, please donate to my bitcoin: 3GtaocE8UUd9kFUn5fyXLGYuRtF9CSBhjf
IMPORTANT LINKS:
ASK any questions about this video and any other business and get support by posting your question at davepartner.com
Donate to help us make more videos:
www.patreon.co...
Follow me on social media:
Instagram: / daveozoalor
RU-vid: / braintemorg (subscribe if you haven't)
Facebook: / daveozoalor
Twitter: / daveozoalor
Twitter 2: / braintem
Learn Bootstrap 4 in 30 minutes by building a landing page website
from templatetoaster
A guide for beginners
“Bootstrap is a free, open-source front-end library for designing websites and web applications. It contains HTML- and CSS-based design templates for everything from typography, forms, buttons, navigation and other interface components as well as JavaScript extensions. Unlike many other web frameworks, Bootstrap concerns itself with front-end development only.” - Wikipedia
There are many versions of Bootstrap with version 4 being the latest.
In this article we are going to build a website using Bootstrap 4.
Prerequisites
Before starting, there are some skills you’ll have to know in order to learn and use the Bootstrap framework:
HTML fundamentals
basic knowledge of CSS
and some basic JQuery
Table of Contents
We will cover the topics below while building the website:
Downloading and installing Bootstrap 4
The new features of Bootstrap 4
Bootstrap Grid system
Navbar
Header
Buttons
About Section
Portfolio Section
Blog Section
Cards
Team Section
Contact Form
Fonts
Scroll Effect
Wrap-up and Conclusion
Downloading and installing Bootstrap 4
There are three ways to install and include Bootstrap 4 for your project:
Use npm
You can install Bootstrap 4 by running this command npm install bootstrap
2. Use a Content Delivery Network (CDN)
By including this link in your project between head tags:

Опубликовано:

 

6 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 11   
@posihdun7264
@posihdun7264 3 года назад
WOW! A problem I had all day solved in mins. Thxs A LOT!!!!
@bsteez
@bsteez 6 лет назад
Thanks this was very helpful.
@judemusyoki7052
@judemusyoki7052 4 года назад
This helped me out. Cheers!
@herdyx9475
@herdyx9475 4 года назад
Hey i cant solved this and u style the background image, (trying it in Visual studio), but not showing the image, if i do like this Just a heading/div> then the image shows... but just i cant see a image, please help
@viajandoconguby5396
@viajandoconguby5396 2 года назад
Thanks!
@elmapache9082
@elmapache9082 5 лет назад
Thanks, that really helped me !
@anjalirathi4883
@anjalirathi4883 4 года назад
How you created custom-style sheet ??
@elmapache9082
@elmapache9082 4 года назад
Sorry but I haven't touched bootstrap sinve that assignment I can't really help you. I hope you'll find what you need soon :)
@iosonoi.7132
@iosonoi.7132 4 года назад
you dont use a body tag?
@Zeynep-rz3ps
@Zeynep-rz3ps 4 года назад
THIS HELPED ME SO MUCH!! THANKYOU
Далее
Bootstrap 4 tutorial   16   aligning 3 columns
7:06
Просмотров 1,7 тыс.
Сказала дочке НЕТ!
00:24
Просмотров 733 тыс.
Fixing Plastic with Staples
00:18
Просмотров 1,2 млн
Background images with HTML & CSS
20:19
Просмотров 363 тыс.
Bootstrap 5 Crash Course | Website Build & Deploy
1:18:48
How to include a CSS background image 🏙️
3:16
Просмотров 173 тыс.
Сказала дочке НЕТ!
00:24
Просмотров 733 тыс.