CODEWITHSUNDEEP
asp.net-mvc-4twitter-bootstrap
Ryan Vice
Ryan Vice

Reputation: 2181

Unable to get Twitter.Bootstrap.Mvc4.sample working in empty MVC4 project

I've installed Twitter.Bootstrap.MVC4 into an Asp.Net MVC Empty project template and when I start the application there are issues with the style sheets. It looks to me like they aren't linked in. Screen grab below.

Bootstrap.MVC4 output

And the head section is below

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/content/css?v=o7EqNjjD8FotmTy6On6adamUxH559LswOFRclfNrDPM1" rel="stylesheet"/>

       <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="/scripts/html5shiv.js"></script>
<![endif]-->


</head>

Upvotes: 4

Views: 3425

Answers (3)

Chinmay Lokesh
Chinmay Lokesh

Reputation: 691

If you are just looking for a sample project illustrating ASP.NET MVC with Twitter Bootstrap, you can download visual studio 2013 preview for Web and create a new MVC project. Bootstrap is available in MVC template. New addition to MVC 5. This template will enable you to see the folder structure and make the necessary adjustments in the above project.

Upvotes: 0

Waheed Khan
Waheed Khan

Reputation: 41

I had similar problem, this happens because when you install nuget package it installs the latest bootstrap which is now 3.0, while Twitter.Bootstrap.Mvc4.sample has configured itself for 2.x.

If you don't need 3.0, than you can download 2.x version and copy scripts and content in their respective folders.

For 3.0 move css files from ~/Content/bootstrap to ~/Content.

Upvotes: 4

Tony Albutt
Tony Albutt

Reputation: 310

In the BootstrapBundleConfig.cs file, there is a path error.

"~/Content/bootstrap.css" should be "~/Content/bootstrap/bootstrap.css"

bootstrap-responsive.css is also missing.

Have fun ;-)

Upvotes: 10

Related Questions