使用侧边栏有时会使我的内容的右边缘消失

Question

我认为本教程适用于我的 .NET、C#、MVC 项目，只是现在当浏览器窗口变得小于 1080p 显示器时，内容的最右侧边缘会消失。

教程如下：http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/

请注意，我并没有将其添加到 T，而是将它们的 CSS 和 JS 文件添加到我的 Visual Studio 项目中，并创建了一个可以使用它的新布局，并且可以应用于我的其他视图 - 对于新手我...

我确定只有一两个 CSS 变量需要更新，以防止内容的右侧边缘偶尔消失。

它是这样的：

这个： 与这个：

谢谢！

Answer 1

由于您使用的是引导程序，因此它是网格系统功能的一部分。

意思是，我们有 xm md lg 对吗？我不会介绍所有这些，因为它已经包含在文档中。

现在有一个在特定窗口或浏览器宽度上隐藏某些内容的类。很容易，甚至可以解释。

调用你想要的那个。 响应式实用程序在 Bootstrap 下。

<div class =".visible-sm">
       I am visible only for small devices.
</div>

现在 .visible 类将仅从特定设备网格中显示。

例如

浏览器宽度或设备宽度 >= 768px .visible-sm is "VISIBLE"

浏览器宽度或设备宽度 >= 992px .visible-md is "VISIBLE"

浏览器宽度或设备宽度 >= 1200px .visible-lg 为 "VISIBLE"

注意。它们只有在特定宽度上才可见，而不会在其他宽度上显示。 ex .visible-md 不会在 768px 和 1200px 上显示。仅在 992 像素上。

在大多数情况下，如果您想进行智能响应，这并不是一项非常容易使用的任务。

现在我们有了另一个类。

<div class=".hidden-sm">
        I am visible to Medium and Large, but I will then Disappear when the browser is small
  </div>