ASP.NET MVC 5和Bootstrap 3

发布时间：2020-12-15 23:21:45 所属栏目：asp.Net 来源：网络整理

导读：在网络上查看更多信息,但找不到多少. 所以我在VS 2013 RC中创建了一个新的MVC 5项目,它预先安装了引导2.3.1 一切都像一个魅力,但是由于Bootstrap 3已经出来了(而且我想要使用LESS版本而不是预编译的CSS),我从NuGet中删除了引导程序2.3.1并安装了Bootstrap LE

在网络上查看更多信息,但找不到多少.

所以我在VS 2013 RC中创建了一个新的MVC 5项目,它预先安装了引导2.3.1

一切都像一个魅力,但是由于Bootstrap 3已经出来了(而且我想要使用LESS版本而不是预编译的CSS),我从NuGet中删除了引导程序2.3.1并安装了Bootstrap LESS.

我知道文件夹的结构略有不同,但是我已经编辑了我的BundleConfig来适应这个.一切似乎编译好,所有的JS都在那里,但是当试图查看网页时,它看起来很乱.

Bootstrap 3是否完全不同的HTML模板(即是否需要更改_Layout？),或者2.3.1附带的_Layout是否与v3一起使用？

我希望我的问题很清楚.

解决方法

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","Home")</li>
            <li>@Html.ActionLink("About","About","Home")</li>
            <li>@Html.ActionLink("Contact","Contact","Home")</li>
        </ul>
        @Html.Partial("_LoginPartial")
    </div>
</nav>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!