Bootstrap Offcanvas - 做offcanvas css類真的存在嗎？

Question

我最近發現了關於twitter bootstrap的內容，我一直深入到最新版本的Bootstrap 3中。在網站上，有一個我已經修改過的「Off Canvas」模板（這裏是：http://getbootstrap.com/examples/offcanvas/）的例子。但是在這個例子中有幾件事情對我沒有意義。

在「Off Canvas」模板示例中，有div元素引用諸如「row-offcanvas」，「row-offcanvas-right」和「sidebar-offcanvas」等類。我在bootstrap.css中找不到這些內容，我也沒有在Chrome DevTools中看到這些內容。當我刪除這些類時，我也看不到任何效果。這些課程有任何目的嗎？或者在這個例子中包含那些看似不存在的類的錯誤？

Answer 1

如果你看一下頁面的源代碼觀察你會發現，在頭有

<!-- Custom styles for this template -->

<link href="offcanvas.css" rel="stylesheet">

這些類中有定義。至少對我來說，如果我刪除它，確實會產生明顯的差異。

Answer 2

由於@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是一個非常好的資源，可以獲得更多背景以及大多數其他響應式設計模式。

Answer 3

我確實經歷了同樣的不知道我做錯了什麼，但js似乎沒有工作我只是刪除所有代碼並鏈接回所有的js和css不工作。所以我嘗試了其他文件夾上的其他文件夾，並將它們複製到我的空文件掃描頁面上。然後放回所有的模板代碼，它現在工作正常，我猜它的機器有些組件停止響應，也許只是嘗試重新啓動。