Bootstrap Studio is a fantastic tool that allows rapid development and prototyping of your applications and web content. Built on top of the well-known Bootstrap framework, Bootstrap Studio comes with many built-in components that you can drag-and-drop to assemble responsive HTML5 code for your hybrid app. Bootstrap Studio has many ready-to-use templates, allows real-time preview for different device configurations, and exports clean, semantic HTML5.

In this hands-on session, you’ll learn how leverage Bootstrap Studio to rapidly develop responsive HTML5 apps that look great across various browsers and mobile devices. We’ll explore the implications for responsive design, and you’ll learn some key basics around multi-column layout, HTML classes, divs, and containers. You’ll leave with a solid foundation to begin your development process.

In this session, you will learn:

• How to create responsive applications using Bootstrap Studio
• What responsive design means
• The basics of multi-column layout
• About HTML classes, divs, and containers
• How to quickly develop responsive content

Audience:

Designers, developers     

Technology discussed:

HTML5, Bootstrap framework, browsers, mobile, responsive layout

Participant technology requirements:

Participants should bring a laptop with internet connection, loaded with Bootstrap Studio.  Participants can use the free "Run Browser Demo" on the Bootstrap Studio website (https://bootstrapstudio.io/) to experiment with the tool without having to download the app or purchase the affordable lifetime license.