Professional Documents
Culture Documents
Upoznavanje Sa Boostrap
Upoznavanje Sa Boostrap
1. Launch Visual Studio 2013 (I’ve used Visual Studio Express 2013 for
Web).
2. Go to File menu and select New Project…
3. Create a new ASP.NET Web Application project.
4. In the next screen, select MVC as the template and click OK.
1. To verify bootstrap version, expand the Scripts folder and open and see the version
number in the bootstrap file.
2. The bootstrap.js and css files are seen as below.
3. The bootstrap version is visible below the license text.
4. Another way to verify the bootstrap version is to check the installed NuGet package.
Right click the solution and select Manage NuGet packages for solution.. option. In
the Manage NuGet screen, select Installed Packages section. Then select the
bootstrap package in the center pane to see the version details.
8. Now, open the layout file _Layout.cshtml in the Shared folder under Views Folder.
9. Remove the section within the div tag with class=”navbar navbar-inverse navbar-
fixed-top”.
10. Place the below code instead. (You can copy the source code from my GitHub
repository).
11. Open the Index.cshtml file in the Home folder under Views.
12. Change the class (“col-lg-4“) of div wrapping the sub headings from medium 4
columns to large 4 columns (“col-lg-4“).