Using Bootstrap with Studio for ASP.NET Wijmo

UPDATE: A newer version of this post, which goes over how to use Bootstrap in ASP.NET Core MVC projects, was published on November 15, 2018. Read How and Why to Enable Bootstrap in ASP.NET Core MVC Projects

Microsoft has shipped some nice to Project Templates in Visual Studio 2013. The new templates use a theming framework called Bootstrap. We are always looking to make life easier for our customers, so we decided to provide official support for Bootstrap in Studio for ASP.NET Wijmo. Take a look at how easy it is to integrate Bootstrap with our Controls. Start with a new ASP.NET Project in Visual Studio 2013 and choose WebForms. new-project Since Microsoft added Bootstrap to the Project Templates, this project should already have Bootstrap included. Run the project to see what it looks like by default. run-new Now, let’s add some ASP.NET Wijmo Controls. In design view, simply drag a Control onto the design surface. use-bootstrap To enable Bootstrap support, simply open the Smart Tag and check the Use Bootstrap checkbox. bootstrap-dialog That’s it! Just run the project and see the ASP.NET Wijmo Controls rendered with full Bootstrap support. run-bootstrap Take a look at this Bootstrap sample online.

Chris Bannon

Global Product Manager of Wijmo
comments powered by Disqus