Bootstrap for ASP.NET MVC

Creating ASP.NET MVC Bootstrap Helpers
ASP.NET MVC provides a range of standard, out-of-the-box HTML helpers.
For example, to produce the following HTML for a textbox with an ID and name
attribute of CustomerName, use the following code:
You should use the TextBox helper as illustrated in the following code:
@Html.TextBox("CustomerName")
Majority of the built-in HTML helpers offer several overloaded versions. For
instance, to create a textbox and explicitly set its name and value attributes, you
should use the following overloaded TextBox helper method:
@Html.TextBox("CustomerName"","Northwind Traders")
Most built-in helpers also offer the option to specify HTML attributes for the element
that is generated by passing in an anonymous type. In the following example, we'll
create a textbox and set its style property using one of the overload methods:
@Html.TextBox("CustomerName","Northwind Traders", new {
style="background-color:Blue;" })
You can read more about the standard HTML helpers available in
ASP.NET MVC at http://bit.ly/MVCFormHelpers.
Creating a custom helper
As Bootstrap offers a variety of different components, it lends itself perfectly towards
the use of helpers. The simplest form of helper in ASP.NET MVC is the one that
you can create using the @helper syntax. A custom helper can include any HTML
or even Razor markup. To create a simple helper method to generate a Bootstrap
button, complete the following steps:
1. Create a new folder called App_Code inside the root folder of your website.
2. Create a new ile called BootstrapHelpers.cshtml inside the newly created
App_Code folder.
3. Add the following code to the BootstrapHelper.cshtml ile:
@helper PrimaryButtonSmall(string id,string caption)
{
@
caption
}
[ 94 ]