Bootstrap for ASP.NET MVC

Using Bootstrap JavaScript Plugins
In order to use Bootstrap plugins, we'll need to include the
bootstrap.js or bootstrap.min.js ile in our project. This
ile contains all the Bootstrap plugins, but if you do not intend to
use every plugin in your project, it is a good idea to customize
which components are to be included in the bootstrap.js
ile. This will make the size of the Bootstrap library smaller
and allow the website to load faster. To access these plugins,
navigate to http://getbootstrap.com/customize/ and
select the plugins that you'll be using in your project.
Data attributes versus the
programmatic API
Bootstrap offers the ability to use its plugins entirely through the HTML markup.
This means that in order to use most of the plugins, you do not need to write a
single line of JavaScript. Using data attributes is the recommended approach
and should be your irst option when using Bootstrap plugins.
For example, to allow an alert element to be dismissible, you'll add the
data-dismiss="alert" attribute to either a button or anchor element,
as illustrated in the following code:
×
Warning Shuttle launch in t-minus 10 seconds.
You also have the option to perform the same action using the programmatic API via
JavaScript. The following code uses jQuery to close a speciic alert element when
the user clicks on a button:
×
[ 76 ]