MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Up and Running with Bootstrap 3

Course Summary

  Meet Bootstrap, the one-stop shop for designing sleek, mobile-ready websites with HTML5, CSS3, and JavaScript.   


  • +

    Course Syllabus

     Introduction

    Welcome
    Using the exercise files
    Installing Sublime Text 2
    1. Bootstrap Introduction and Download
    What is Bootstrap?
    Downloading and unzipping Bootstrap 3
    Examining Bootstrap file structure
    Adding CSS to a Bootstrap HTML file
    Adding JavaScript to a Bootstrap HTML file
    2. The Bootstrap Grid System
    Exploring Bootstrap's grid system
    Creating new rows and cells
    Adjusting column widths using offset
    Changing column order using push and pull
    Nesting columns
    Creating a JumboTron-style layout
    Challenge: Working with grids
    Solution: Working with grids
    3. CSS Overview
    Exploring basic typography: The small and blockquote tags
    Exploring Bootstrap's responsive classes including .hidden and .visible
    Styling buttons using btn classes
    Styling images with responsiveness and decorative touches
    Incorporating Bootstrap 3 glyph icons
    Creating a thumbnail gallery
    Styling tabular data
    Overriding core CSS with custom styles
    Challenge: Styling panels and callouts
    Solution: Styling panels and callouts
    4. Navigation Systems
    Implementing location breadcrumbs
    Using tabs and pills for navigation
    Developing a responsive navigation bar
    Challenge: Modify the "pancake" button
    Solution: Modify the "pancake" button
    5. JavaScript Effects
    Implementing dropdowns within a navigation bar
    Tabbing within the same page
    Accordion panels with collapse functionality
    Challenge: Tooltips
    Solution: Tooltips
    Conclusion
    Next steps towards advanced Bootstrap
     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

4 - 5 hours / week

This course is listed under Open Source and Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top