css - 为什么添加 @Scripts.Render ("") 会改变我的 html 布局？

Question

今天遇到这个“有趣”的问题。我有一个 asp.net mvc 应用程序，带有 twitter bootstrap 设计模板，到目前为止一直运行良好。但是，当我在 View 顶部添加一些 @Scripts.Render("...") 语句时(不是共享布局文件，而是 View )，它似乎改变了我的布局!

查看:

@Scripts.Render("~/Scripts/jquery.signalR-1.1.2.js")
@Scripts.Render("~/signalr/hubs")
@Scripts.Render("~/Scripts/Stimline/connector.js")

<div class="span12"> 
    <legend>Fleet List</legend>
    <div class="row-fluid">
       ...
    </div>
</div>

每当顶部的三个脚本语句添加到我的 .cshtml 文件时，它似乎将整个 div 部分移到右侧，以便它与我的浏览器的边缘对齐。再次删除语句会使它恢复正常，添加默认情况下从 Bootstrap 应该存在的边距。

我没有对 Bootstrap css 做任何更改。

有没有人以前见过这个，或者至少有类似的东西？

这是 @Render.Scripts 语句的样子:

这里没有它:

如果您使用固定标题栏作为右边缘的引用，您会看到表格在一张图片中一直向右对齐，并且在另一张图片中与边缘正确“间隔开”。

Answer 1

我最近遇到了一个类似的问题，我的菜单是 float li 元素。我在 html 中将每个元素都放在自己的行中，因此在每个元素之间呈现了一个空格。

<ul>
    <li style="float:left">Item 1</li>
    <li style="float:left">Item 2</li>
    <li style="float:left">Item 3</li>
</ul>

改为

<ul>
    <li style="float:left">Item 1</li><li style="float:left">Item 2</li><li style="float:left">Item 3</li>
</ul>

在您的情况下，将脚本移动到页面底部最好遵循其他最佳做法，但您也可以删除空格以获得相同的结果。