clonardo / learn-bs4

Code samples corresponding (roughly) to the Academind tutorial series on Bootstrap 4

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Learning BS4 😫

This repo contains code corresponding (roughly) to the Academind tutorial series Bootstrap 4 Introduction on Youtube

What.

  • After skimming the "Concepts and Setup" video in the playlist, note that I am not including any code on that lesson, just go copy and paste the latest script tags from the official Bootstrap site into a new html file, fire up a static http server (good ol' http-server is great here), and get to work
  • lessons/ contains the demos by lesson, with notes.md files in each
  • lessons/_template is pretty much a blank that you can easily copy to start a new lesson
    • Todo- maybe make this into a Plop template

Why

  • I'm coming from Bootstrap 3 and wanted to learn my way around the framework "the right way" so i"m not re-implementing redundant functionality
  • I have been ashamed about winging it for 2 years with BS4 and need to invest an hour or two in actually learning it
  • I'm also forcing myself to write notes in Markdown, because it is less distracting than switching back and forth to OneNote

Lessons in Playlist + Status

Lesson Status Folder
Concepts & Setup Skipped N/A
Grid System Done lesson1
Navbar Concepts Done lesson2
Alerts & Modals Todo lesson3
Forms & Buttons Todo lesson4
Customization with SASS todo lesson5

About

Code samples corresponding (roughly) to the Academind tutorial series on Bootstrap 4


Languages

Language:HTML 90.1%Language:CSS 9.9%