Project Overview for Create Professional Responsive Websites using Bootstrap

Lucas Minter
InstructorLucas Minter
Share this video with your friends

Social Share Links

Send Tweet
Published a month ago
Updated a week ago

We'll walk through the files we need to get started with Bootstrap in this course.

We'll be using a simple html project that will include a script tag to Bootstrap JavaScript and CSS files.

[00:00] Below in the description, I provided a link to this repo that will contain all the starter files and images for this course. I'll quickly cover what's in there so we can get started building the site. In the CSS folder, there are 3 files, bootstrap.min.CSS, which contains all of Bootstrap's classes and is accessible on getbootstrap.com, [00:20] style. Css, where we will write any custom CSS we need, and show. Css. This file will display the screen size in the top right of the window to show off Boot strap's breakpoints, which I will cover in the next lesson. You can thank my professor, Bruce Elgort, for this massively helpful file. The images [00:39] folder contains all the images I'll be using throughout the course, but feel free to use your own. The images are all sorted into folders for their respective sections. The last thing is the index dot HTML file. I've included links to all 3 CSS files as well as a script element, which includes Bootstrap's JS [00:59] file. While we aren't going to be writing any JS in this course, it's necessary to run some of Bootstrap's components such as the hamburger menu. With all this covered, let's get started.

egghead
egghead
~ an hour ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today