Skip to main content
BuyLog In
ASP.NET Bootstrap Controls
Search in…
Docs > Getting Started > Start With Bootstrap Project Template
All docs
V24.2
ASP.NET Bootstrap Controls
Overview
Getting Started
Start With Bootstrap Project Template
Integration Into an Existing Project
Demos and Sample Applications
Project Configuration
Security Considerations
Grid View
Card View
Scheduler
Spreadsheet
Rich Text Editor
Charts
Sparkline
Data Editors
Site Navigation
Site Layout
File Manager
Redistribution and Deployment
.NET Framework API Reference
Client API Reference
Download CHM

Start With Bootstrap Project Template

  • 2 minutes to read

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

Note

This section describes how to create 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. In Visual Studio, press Ctrl+Shift+N or select File > New > Project… to create a new project. In the invoked dialog, select DevExpress Web Site Template Gallery and click Next.

    Bootstrap_GettingStarted_NewWebSite

  2. Configure project settings and click Create.

  3. Select Bootstrap Web Site in the DevExpress Template Gallery and click Run Wizard.

    Bootstrap_GettingStarted_WebSiteTemplate

  4. In the invoked Project Wizard, customize project settings and click Create Project.

    Bootstrap_GettingStarted_ProjectWizard

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.

Bootstrap_GettingStarted_MasterPage

<head runat="server">
    ...
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
    ...
</head>

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

Note

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.

See Also