Need help finding the right learning solutions? Call Us: 720-445-4360
- Onboard For Tech Teams
- Reduce initial time to productivity.
- Increase employee tenure.
- Plug-and-play into HR onboarding and career pathing programs.
- Customize for ad-hoc and cohort-based hiring approaches.
- Upskill For Tech Teams
- Upgrade and round out developer skills.
- Tailor to tech stack and specific project.
- Help teams, business units, centers of excellence and corporate tech universities.
- Reskill For Tech Teams
- Offer bootcamps to give employees a running start.
- Create immersive and cadenced learning journeys with guaranteed results.
- Supplement limited in-house L&D resources with all-inclusive programs to meet specific business goals.
- Design For Tech Teams
- Uplevel your existing tech learning framework.
- Extend HR efforts to provide growth opportunities within the organization.
- Prepare your team for an upcoming tech transformation.
Get your team started on a custom learning journey today!
Our Boulder, CO-based learning experts are ready to help!
Course Summary
Home > Courses >Front-End Development Training >Web Design >Creating Responsive Layouts with Bootstrap
Bootstrap is a front-end development framework maintained by Twitter and used in production by thousands of websites. The Creating Responsive Layouts with Bootstrap training course teaches developers how to leverage Bootstrap to build responsive websites quickly.
The course begins with a review of Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) followed by a discussion of Bootstrap features, including the responsive grid. The course concludes with a discussion and hands-on exercises around ways in which forms and navigation elements can be leveraged to make the development process more efficient. The course would be valuable for developers and developer teams who need a proven front-end framework for making their applications functional and aesthetically pleasing.
Purpose
Learn how to leverage Bootstrap to build responsive websites quickly.
Audience
Front-end developers and developer teams needing a robust way to make responsive web sites and applications.
Role
Skill Level
Style
Duration
2 Days
Related Technologies
- Productivity Objectives:
- Describe the importance of mobile compatibility for websites and applications.
- Review HTML5 and CSS3 syntax and features.
- Assess the core features and benefits of Bootstrap.
- Build a fluid grid using the Bootstrap Grid system.
- Use common elements like Form Controls, Navigation, and Alerts.
Request Information
Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.
If you are not completely satisfied with your training class, we'll give you your money back.
about our training
-
Real-World Content
Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
-
Expert Practitioners
Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
-
Experiential Learning
More coding than lecture, coupled with architectural and design discussions.
-
Fully Customized
One-size-fits-all doesn't apply to training teams. That's where we come in!
What You'll Learn
In the Creating Responsive Layouts with Bootstrap training course, you'll learn:
- HTML and CSS Review
- Creating Tag Based Layouts
- Review of Classes and IDs
- Understanding Selectors
- Introducing Frameworks and Responsive Design
- What are frameworks and why are they used?
- What is mobile first?
- What is responsive design?
- Understanding Media Queries
- Working with Grid Layouts
- Introduction to Bootstrap
- Introduction to Bootstrap
- History of Bootstrap
- How to Use Bootstrap on Your Site
- Working with the Bootstrap Fluid Grid
- Understanding Layout Classes
- Grid Options
- Nested Columns
- Offset Columns
- Enhancing Design with Bootstrap
- Images
- Typography
- Creating Forms with Bootstrap
- Inline Forms
- Horizontal Forms
- Form Validation
- Supported Controls
- Buttons
- Progress Bars
- Dropdowns
- Creating Navigation Elements with Bootstrap
- Navs
- Navbar
- Pills
- Tabs
- Breadcrumbs
- Working with Bootstrap Alerts
- Alerts
- Dismissible Alerts
- Links in Alerts
Real-world content
Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners
Industry experts that bring their battle scars into the classroom.
Experiential Learning
More coding than lecture, coupled with architectural and design discussions.
Fully Customized
One-size-fits-all doesn't apply to training teams. That's where we come in!
Elite Instructor Program
We recently launched our internal Elite Instructor Program. The community driven instructor program is designed to support instructors in transforming students’ lives by consistently showing a world-class level of engagement, ability, and teaching prowess. Reach out today to learn more about our instructors.
Customized Technical Learning Solutions to Help Attract and Retain Talented Developers
Talk to one of our Learning Solution Architects today
Let DI help you design solutions to onboard, upskill or reskill your software development organization. Fully customized. 100% guaranteed.
DevelopIntelligence leads technical and software development learning programs for Fortune 500 companies. We provide learning solutions for hundreds of thousands of engineers for over 250 global brands.
“I appreciated the instructor’s technique of writing live code examples rather than using fixed slide decks to present the material.”
VMwareResources
Thank you for everyone who joined us this past year to hear about our proven methods of attracting and retaining tech talent.
- Boulder, Colorado Headquarters: 980 W. Dillon Road, Louisville, CO 80027
- 877-629-5631, 720-445-4360
© 2013 - 2020 DevelopIntelligence LLC - Privacy Policy