Introduction to Bootstrap 3 Workshop - BOULDER

Bootstrap, an open source front-end framework, is one of the most popular front-end frameworks for building responsive websites.  Bootstrap is currently in use on over 30,000 sites across the web and allows designers and developers of all skill levels to build responsive websites quickly.

In this workshop, we will demonstrate how to use Bootstrap as a foundation for a small web project. We will be building a Bootstrap-based website from scratch, incorporating the responsive grid system, and see the basic CSS in action.

This is a hands on workshop that will cover:

• Downloading Bootstrap and incorporating it into an HTML document
• Working with the Bootstrap responsive grid system
• Exploring Bootstrap’s core CSS, overriding this CSS using standard CSS techniques
• Incorporating Bootstrap’s image formatting elements and icons
• Creating and styling fully responsive interactive menus with Bootstrap. 
• If we have time: Incorporating jQuery plugins with Bootstrap, including thumbnails, modal windows, and tabs
 Homework after the workshop: incorporate dropdown menus, and other fun Bootstrap add ons.

This workshop will be taught by Caitlin McKenna & Cara Jo.

TECHNICAL REQUIREMENTS
• Your laptop and charger.  
• Sublime Text 2 or 3 or text editor of your choice.
• Download the workshop files and have them on your computer before attending class. gdiboulder.com/bootstrap
• As always, Wifi & power strips will be provided  


PREVIOUS EXPERIENCE NEEDED
• Good knowledge of how HTML & CSS work and how they interact with each other
• Knowledge of basic CSS targeting (IDs, classes, elements, etc.)
• Building basic HTML based web pages with divs, using IDs and classes to connect CSS
• Knowledge of how to include jQuery in a document is a plus.  NOTE: we will not be writing javascript in this class. This is just something that will make the class move a bit quicker if you already know how to include a <script> in the <head>

QUESTIONS?  
We're here to help! If you have additional questions or would like to talk further before signing up for a class, please contact Cara Jo Miller ([masked]) or Kate Bierbaum ([masked]).

COST
This is a donation based workshop; all money goes back to the chapter to for scholarships & to host more workshops and events! 

LOCATION  
Simple Energy
1215 Spruce Street 3rd floor  
Boulder, CO 80301


HOSTED BY
This class is generously hosted by Simple Energy.


NOTE: If we have less than 5 people signed up for this class up to a week before the starting date, it will be postponed for a later date.

Join or login to comment.

  • Kelly P.

    Hi, I just joined. What is the best way to learn HTML and CSS?

    June 4

    • Pippa G.

      Code Academy is really helpful and covers many fundamental aspects of HTML and CSS. You practice all the concepts along the way, which in my opinion is the best way to learn!

      June 4

  • danabanana13

    Great class.

    1 · May 29

  • Pippa G.

    Great workshop, the hands-on approach helped me learn quickly! Thank you Cara-Jo and Caitlin!

    2 · May 29

  • Jill S.

    Fantastic workshop. Well organized, informative, and useful with Great teachers!

    2 · May 28

  • Lori B.

    Great instruction; plus, now I know lots more about Bootstrap. Thank you!

    2 · May 28

  • JeriBeth

    I understood everything and it seems like something I can start using right away. Another great class! Thanks ladies :)

    2 · May 28

  • Bill W.

    Very informative and fun. Great group of instructors and TAs. Thanks a bunch!

    2 · May 28

  • Cara J.

    Quick reminder: don't forget to download the example files for tonights class at http://gdiboulder.com/bootstrap . Can't wait to see everyone tonight!

    May 28

  • amdev

    Hi Cara Jo & Caitlin,
    Unfortunately, I can't make the MeetUp tonight. Any chance that the presenters, will have PowerPoints that can be posted onto this site after tonight? That would be greatly appreciated! And, I look forward to a future Bootstrap topic meetup.

    Debra/amdev

    May 28

  • nadia

    Hi Cojo & Caitlin, please take me off the list. sorry for short notice i need to cancel, sadly. thank you! My profile is Evernadia, the black+white cookie pillow. ill miss the fun tonight but im sure will see you soon! Nadia ([masked])

    May 28

    • Cara J.

      Hi Nadia, We've taken you off the list. Hopefully you can take it next time!

      1 · May 28

  • rebeccasavage

    If I'm a total beginner (i.e. I went to 1 Rails Bridge workshop) is this event too advanced for me?

    May 16

    • rebeccasavage

      Nada.

      May 16

    • Cara J.

      I would recommend taking our intro to HTML class or the intro to HTML courses on code academy or something along those lines before taking this workshop.

      May 16

33 went

Your organizer's refund policy for Introduction to Bootstrap 3 Workshop - BOULDER

Refunds offered if:

  • the Meetup is cancelled
  • the Meetup is rescheduled

Payments you make go to the organizer, not to Meetup. You must make refund requests to the organizer.

Our Sponsors

  • Simple Energy

    Workshop meeting space at the Simple Energy HQ, and beer!

  • SendGrid

    SendGrid is providing class space in Boulder as well as food & drink!

  • Salesforce.com

    Salesforce provides us with food and space for events!

  • Mode Set

    Meeting Space + Drinks/Snacks

  • Turing

    Meeting/Class Space + Mentors/TA's

  • Galvanize

    Space for Boulder workshops

  • SpotRight

    T-shirts, classroom/workshop space and community support!

  • HyperDog Media

    HyperDog Media provides delicious snacks for workshops and classes!

  • O'Reilly

    Discounts on ebooks and print books from O'Reilly.

People in this
Meetup are also in:

Sometimes the best Meetup Group is the one you start

Get started Learn more
Rafaël

We just grab a coffee and speak French. Some people have been coming every week for months... it creates a kind of warmth to the group.

Rafaël, started French Conversation Group

Start your Meetup today

Act now and get 50% off.
Until February 1.

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy