Log In
[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]Grid View
 [Expand]Card View
 [Expand]Data Editors
 [Expand]Site Navigation
 [Expand]Site Layout
 [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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Integration Into an Existing Project

To be correctly displayed, DevExpress Bootstrap Controls require the following static resources.

  • The bootstrap.css or bootstrap.min.css file;
  • The icon fonts from Glyphicon Halflings set.

Bootstrap Charts additionally require the DevExtreme library and its dependencies. To learn more, refer to the Getting Started document.

Both CSS files and icon fonts are included in the default Bootstrap distribution package, which you can obtain from the Bootstrap official web site. Place the CSS files into the "Contents" folder and the fonts into the "fonts" folder within your project.

Expanded Provide the Required Files using NuGet

You can also install all required files using NuGet as described below.

  1. First, invoke the NuGet project manager for your project.

  2. In the NuGet Package Manager window, switch to the Browse tab and locate the Bootstrap package. Select the desired version of the Bootstrap framework and click Install.

  3. A dialog will appear, prompting you to accept project changes. Click OK to proceed.

Note that the installed package additionally includes bootstrap.js and its dependencies. The bootstrap.js file is not required for the correct operation of DevExpress Bootstrap controls, but you can use it if you want to utilize the functionality of Bootstrap's jQuery plugins in your web application.

Expanded Configure a Web Page

Any page using DevExpress Bootstrap Controls must include a reference to bootstrap.css (or bootstrap.min.css), either directly or through a master page.

Additionally, add the following meta tag to <head> to ensure proper rendering of Bootstrap components.

Expanded See Also

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