• Sunday , 31 May 2020

Bootstrap 4 Full Hero Section

Code Canyon
https://i.ytimg.com/vi/9Yg3PWTgso4/hqdefault.jpg



Learn how to create a responsive Hero section using Bootstrap 4 framework to market your message or showcase key content on your website.

▶ Download Exercise Files
http://www.3rdelement.com/online_training/html/bootstrap/Bootstrap-Full-Width-Hero-Section.zip

▶ Boostrap 4 Grid System
Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive.

▶ Bootstrap Break Points
Extra Small break point (smaller than 576 pixels)
Small break point (bigger than 576 pixels)
Medium break point (bigger than 768 pixels)
Large break point (992 pixels)
Extra large break point (1200 pixels)

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS.

More from Elias Sarantopoulos ❤
Creative tutorials from Elias Sarantopoulos. Helping you develop your skills with Affinity Designer, Adobe Illustrator, After Effects, and Bootstrap tutorials.

Website!
▶ Helping You Develop – http://www.pixelias.com/

Flickr!
▶ http://bit.ly/1xx0bBu

Instagram!
▶ https://instagram.com/pixeliasdotcom/

Twitter!
▶ http://www.twitter.com/pixEliasdotcom

Subscribe!
▶ http://www.youtube.com/channel/UCPq0a0HP6JvculGSNYu-pSQ?sub_confirmation=1

Original source

3d Ocean

Related Posts

4 Comments

  1. Alexander Mishtenkov
    May 7, 2019 at 15:42

    When you set the container with the text in the middle of the hero image and then inspect the page and make the inspector high over 70% of the screen you can see how the text container will move out of of the hero section. If you have text right after the hero image it looks very ugly when you inspect.

  2. Kağan Çiçen
    May 7, 2019 at 15:42

    Incredible video

  3. Andrea Rosasco
    May 7, 2019 at 15:42

    Are you scottish?

  4. Patrick_Marks
    May 7, 2019 at 15:42

    I did it with the tutorial files and I succeed at getting the hero image+text (the complete tutorial) but when I wanna add it to my own page the text will appear half in the navbar and the image won't showup

Leave A Comment

You must be logged in to post a comment.