13

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

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

一切都像魅力一样工作，但自从Bootstrap 3它出来（我想使用这个LESS版本而不是）pre-compiled CSS我bootstrap 2.3.1从.NuGetBootstrap LESS

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

是否Bootstrap 3有完全不同的HTML模板（即我需要更改_Layout吗？）还是应该使用附带_Layout的模板？2.3.1v3

我希望我的问题很清楚。

4

3 回答 3

9

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

我对 my 进行了一些更改以_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>
于 2013-09-15T16:41:53.433 回答
2

Bootstrap 3 改变了一些东西，现在这里和那里需要不同的 html。您可以通过查看他们的文档页面轻松地确认这一点。

于 2013-09-15T16:49:52.393 回答
0

要记住的另一件事；如果您使用不显眼的验证，则需要更新包以使客户端验证正常工作。

Update-Package Microsoft.Jquery.Unobtrusive.Validation

否则，您的页面将发布以进行验证。

于 2014-02-28T17:55:29.277 回答