In the v16.1 release, we included a new project template for DevExpress ASP.NET controls: Bootstrapped Web Application.
Image may be NSFW.
Clik here to view.
(click an image to see larger version)
Bootstrap is one of the most popular responsive web frameworks. Our new project template allows you to now create a new web application that uses the Bootstrap framework elements (CSS templates and UI components) with DevExpress ASP.NET controls.
Clarification
The Bootstrap project template that I'm discussing in this blog post relates to the current set of (100+) DevExpress ASP.NET and MVC controls. We're also working on a new of ASP.NET controls that will better support Bootstrap themes. Please read this blog post for more information on that project.
The benefit of this new Bootstrap project template is that you get a responsive layout using Bootstrap is very useful. However, there is one caveat, the themes from DevExpress controls and Bootstrap are not compatible. That is why this Bootstrap template can help you because it uses the DevExpress ASP.NET Moderno theme which works well with Bootstrap.
Project template
The Bootstrap project template wizard provides a complete (sample) web application. The project includes all the necessary files for Bootstrap and DevExpress controls to work together:
Image may be NSFW.
Clik here to view.
Blog sample
The new Bootstrap project template creates a sample Blog website. The website use the default layout of a typical Bootstrap website with a banner image and menu on the front page. The DevExpress ASP.NET Menu and Image Slider controls are used here and work well within Bootstrap:
Image may be NSFW.
Clik here to view.
When the browser width is reduced, the menu and image adapt to the new layout:
Image may be NSFW.
Clik here to view.
There's also a blog page that uses the DevExpress ASP.NET GridView:
Image may be NSFW.
Clik here to view.
This page also adapts when the browser width changes:
Image may be NSFW.
Clik here to view.
What do you think about the new DevExpress ASP.NET Bootstrap project template?
Leave me a comment below or email me: mharry@devexpress.com
Twitter: @mehulharry
Your Next Great .NET App Starts Here
Year after year, .NET developers such as yourself consistently vote DevExpress products #1.
Experience the DevExpress difference for yourself and download a free 30-day trial of all our products today: DevExpress.com/trial (free support is included during your evaluation).
Clik here to view.
