[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  ASP.NET Bootstrap Controls - Overview
 [Collapse]Getting Started
   Start With Bootstrap Project Template
   Integration Into an Existing Project
 [Expand]Demos and Sample Applications
 [Expand]Project Configuration
 [Expand]Grid View
 [Expand]Card View
 [Expand]Rich Text Editor
 [Expand]Data Editors
 [Expand]Site Navigation
 [Expand]Site Layout
  File Manager
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Start With Bootstrap Project Template

Use this approach to create a new project readily configured for DevExpress Bootstrap Controls.


This section describes creating a Web Site project using the Bootstrap Web Site project template. However, you can use the same approach to create a Web Application using the Bootstrap Web Application project template.

  1. Press Shift+Alt+N to create a new site. In the invoked dialog, select DevExpress Template Gallery and click OK.

  2. Select Boostrap Web Site in the DevExpress Template Gallery and click Run Wizard.

  3. In the invoked DevExpress ASP.NET Project wizard, you can specify the required project settings. Once you are done, click Create Project.

The created web site includes standard and minimized versions of the required CSS files (in the "Content" folder) along with the required icon fonts (in the "Fonts" folder).

The project also includes a master page named Site.master referencing bootstrap.js.

Make sure that all pages in your web site either inherit this master page, or reference bootstrap.css (or bootstrap.min.css).


The default Site.master page also references bootstrap.js and JQuery. These libraries are not required for the correct operation of DevExpress Bootstrap controls, but you can use them if you want to utilize the functionality of Bootstrap's jQuery plugins in your project.

Expanded See Also

Is this topic helpful?​​​​​​​