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

Question

我发现本教程与我的.NET，C＃，MVC项目相得益彰，但现在当浏览器窗口小于1080p监视器时，内容的最右边消失了。

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

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

我确定只需要一个或多个CSS变量，我需要更新以保持内容的右边缘偶尔消失。

这就是它的样子：

这： vs this：

谢谢！

Answer 1

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

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

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

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

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

现在.visible类只会显示来自特定设备Grid。

例如

浏览器宽度或设备宽度>＆gt; = 768px。可见-sm是＆＃34;可见＆＃34;

浏览器宽度或设备宽度为＆gt; = 992px。可见-md为＆＃34;可见＆＃34;

浏览器宽度或设备宽度为＆gt; = 1200px。可见-lg是＆＃34;可见＆＃34;

注意。只有当它们在特定宽度上并且不会在另一个宽度上显示时，它们才会可见。 ex .visible-md不会显示在768px和1200px上。仅限992px。

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

现在我们有了另一个班级。

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