我最近发现了关于twitter bootstrap的问题，而且我一直在深入研究最新版本Bootstrap 3.在网站上，有一个关于＆＃34; Off Canvas＆＃34;我一直在修改的模板（这里：http://getbootstrap.com/examples/offcanvas/）。但是这个例子中有几件事对我来说没有意义。
在＆＃34; Off Canvas＆＃34;模板示例中，有div元素引用类，例如＆＃34; row-offcanvas＆＃34;，＆＃34; row-offcanvas-right＆＃34;和＆＃34; sidebar-offcanvas＆＃34;。我在bootstrap.css中找不到这些，也没有在Chrome DevTools中看到这些。我删除这些类时也没有看到任何效果。这些课程有什么用途吗？或者在示例中包含那些看似不存在的类是错误的吗？
答案 0 :(得分：5)
正如@mgttlinger所提到的那样，css是在offcanvas.css定义的http://getbootstrap.com/examples/offcanvas/offcanvas.css
如果想了解它的工作原理，请参阅http://www.kendoui.com/blogs/teamblog/posts/13-11-05/creating-a-rwd-off-canvas-layout-with-bootstrap-3.aspx。它使用http://getbootstrap.com/examples/offcanvas/作为起点，并解释了用于创建画布的css。
http://bradfrost.github.io/this-is-responsive/patterns.html#off-canvas是一个很好的资源，可以获得更多关于画布和大多数其他响应式设计模式的背景知识。
答案 1 :(得分：2)
如果你仔细查看页面源，你会发现在标题中有
<!-- Custom styles for this template -->
<link href="offcanvas.css" rel="stylesheet">
这些类在那里定义。至少对我而言，如果我删除它，它确实会产生明显的差异。
答案 2 :(得分：0)
我确实经历了同样的dunno我做错了但js似乎没有工作我只是删除所有代码并链接回所有js和CSS不工作。所以我在我的其他文件夹上尝试其他js工作并将它们复制到我工作的空的offcanvas页面上。然后放回所有模板代码，它现在工作正常我想我的机器一些组件停止响应可能只是尝试重新启动。