Bootstrap MVC: Setting up the project

The first step is to add the Bootstrap MVC library to your project references.

Using the library

  1. Download the library (.dll) from the project download page.
  2. Add the Bootstrap CSS to your project
  3. Use the CSS in your master page
  4. Add the library to your MVC3/4 project references.
  5. In the Web.config, replace the default page type as following:
  <system.web.webPages.razor>
    <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <!-- The new Page Type -->
    <pages pageBaseType="ExtraMvcExtension.Bootstrap.BootstrapModels.BootstrapMvcPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Optimization"/>
        <add namespace="System.Web.Routing" />
      </namespaces>
    </pages>
  </system.web.webPages.razor>

That's it, you can now use the library. From within any page you should now be able to access the Bootstrap helper.

Using NuGet

Not supported yet

Bootstrap MVC: Using the library

Most of the interactions will be done through ExtraMvcExtension.Bootstrap.BootstrapHelper.
The library is split in 2 main categories:
  1. Basic functions: The basic CSS part of Bootstrap.
  2. Advanced functions: The advanced components of Bootstrap.

Last edited May 28, 2013 at 4:35 AM by Draena, version 6

Comments

No comments yet.