3

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

看法：

@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 部分移到右侧，使其与浏览器的边缘对齐。再次删除语句会使其恢复正常，添加默认情况下应该从引导程序中存在的边距。

我没有对引导 css 进行任何更改。

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

以下是 @Render.Scripts 语句的外观： 在此处输入图像描述

没有它： 在此处输入图像描述

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

4

1 回答 1

1

我最近遇到了一个类似的问题，我是菜单的浮动 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>

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

于 2013-07-18T17:18:37.783 回答