默认C＃ASP.NET导航栏调整大小问题

Question

我是ASP的新手，所以我仍然想找到我的方法。我遇到了一个问题，如果我更改窗口的宽度，项目附带的默认导航栏会调整内容大小。

默认项目含义：在VS13中创建一个新的ASP.NET Web窗体项目。作为该项目模板的导航是我所盯着的。只需添加一些默认链接，您就可以看到我正在调整大小的问题。

当顶部导航栏调整大小时，我无法弄清楚如何更改内容的填充。

示例：

在：

在：

如何阻止这种情况发生？

编辑：来自Site.Master的代码

@{
    ViewBag.Title = "ListView";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var grid = new WebGrid(Model, defaultSort: "null");
}

文件： bootstrap.css http://s000.tinyupload.com/?file_id=22346182312171777192 Site.css http://s000.tinyupload.com/?file_id=24528713647080441261

Answer 1

问题可能是导航div之后没有清除浮点数，或导航div使用position：absolute。

没有看到html / css，我无法肯定地告诉你。

Answer 2

在aspx中为第一个div分配一个ID

<div id="myNavBar" class="navbar navbar-inverse navbar-fixed-top">

然后你可以编写以下JS

<script type="text/javascript">
        function autocollapse() {
            var navbar = $('#myNavBar');
            navbar.removeClass('collapsed'); 
            if (navbar.innerHeight() > 50)
                navbar.addClass('collapsed'); // collapse mode
        }
    $(document).on('ready', autocollapse);
    $(window).on('resize', autocollapse);
</script>

您可以将navbar.innerHeight() > 50行中的50更改为第一张图片中导航栏的实际高度