/bootstrap_responsive

bootstrap responsive design course (7 steps total)

Primary LanguageHTML

Responsive Bootstrap Website Start To Finish with Bootstrap 4, HTML5 & CSS3

Quick Start

cd show
serve .
open localhost:5000

media query

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

steps

<!-- Navigation -->
<!--- Image Slider -->


<!--- Jumbotron -->
<!--- Welcome Section -->


<!--- Three Column Section -->
<!--- Two Column Section -->


<!--- Fixed background -->
<!--- Emoji Section -->


<!--- Meet the team -->
<!--- Cards -->


<!--- Two Column Section -->
<!--- Connect -->
<!--- Footer -->

Reference