[RESOLVED]How to add the Bootstrap design in Mvc application with example ?..

Hi friends ,

                  How to add the bootstrap design into my mvc application. Guide me with  example code. where should use the bootstrap ..

Thanks in advance,

Karthik K

 

1. MVC5 has already bootstrap

2. If you are not programming in MVC 5, then add the css and js files. 

Hi Karthik,

                  By default mvc template contains bootstrap css and javascript files. In addition _Layout (Master page) contains reference for bootstrap. So you have to just use class provided by Bootstrap. for example if you want to use Textbox with Search
image button: 

 <div class="input-group custom-search-form">
     <input type="text" class="form-control" placeholder="Search...">
     <span class="input-group-btn">
        <button class="btn btn-default" type="button">
         <i class="glyphicon glyphicon-search"></i>
        </button>
     </span>
</div>

If bootstrap is not available with your mvc template, then you can install Nuget package from Package Manager console:

Install-Package bootstrap

Now you have to add reference to bootstrap in your view/_Layout then you can start using bootstrap css classes and javascript libraries.

Thanks,

Avishek

Mark as Answer, if it helps you.

Karthik Che

How to add the bootstrap design into my mvc application

As igna said, MVC5 templates contains bootstap by default. But the older version don’t include it by default.

However you can just download it from
here
. and include it your MVC application.

For better understanding about Bootstrap i suggest you go with the below URL, which contains 6 sessions (from begining to advanced). I have also learnt from here thats why i suggest you the below video url:

http://channel9.msdn.com/Series/Building-Responsive-UI-with-Bootstrap/01

Apart from this, you can find some examples of the bootstrap components here:

http://getbootstrap.com/components/#pagination

 

Leave a Reply