Level: Introductory
Bootstrap is a fabulous front-end framework that helps create beautiful and responsive Web pages. Microsoft incorporated Bootstrap into ASP.NET MVC 5 and enabled it in the new project templates. This session will explore the fundamentals of Bootstrap, including the powerful grid system and its mobile-first responsive design approach. You'll see how to incorporate Bootstrap features into the MVC portions of your application. For example, you'll discover ways to integrate Bootstrap form features into the Html.BeginForm extension methods and learn how to create elegant input and button elements within the form. You'll discover other interesting parts of the ecosystem, like typography, and explore some of the custom components available, like the Dashboard. When you're done, you'll see how simple it is to make a modern, clean, mobile friendly web site.
You will learn:
- How to layout your UI with the grid system.
- About responsive UI principles
- Proper integration of Bootstrap and MVC
- How to work with components