ASP.NET MVC 5和Bootstrap 3

teh0wner 发表于 Dev

teh0wner

一直在网上寻找更多信息，但找不到太多。

因此，我创建了一个新的MVC 5项目，VS 2013 RC其中预装有bootstrap 2.3.1

一切就像一个魅力，但因为Bootstrap 3是（而且我想要使用的LESS版本，而不是pre-compiled CSS）我删除bootstrap 2.3.1从NuGet和安装Bootstrap LESS。

我知道文件夹的结构略有不同，但是我已经对其进行了编辑BundleConfig以适应这种情况。一切似乎都可以很好地编译，所有的JS都在那里，但是当试图查看网页时，它看起来很混乱。

是否Bootstrap 3有完全不同的HTML模板（即，我是否需要更改_Layout？），或者也应随模板_Layout一起2.3.1使用v3？

希望我的问题清楚。

奥拉夫·尼伯（OlavNybø）

Bootstrap 3和之间有一些区别Bootstrap 2.3.1。

我对我进行了一些更改以_Layout使其更加Bootstrap 3友好。

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex5-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        @Html.ActionLink("Application name", "Index", "Home", null, new { @class = "navbar-brand" })
    </div>

    <div class="collapse navbar-collapse navbar-ex5-collapse">
        <ul class="nav navbar-nav">
            <li>@Html.ActionLink("Home", "Index", "Home")</li>
            <li>@Html.ActionLink("About", "About", "Home")</li>
            <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
        </ul>
        @Html.Partial("_LoginPartial")
    </div>
</nav>