cur*_*rge 4 html css twitter-bootstrap twitter-bootstrap-3
我最近发现了关于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中看到这些.我删除这些类时也没有看到任何效果.这些课程有什么用途吗？或者在示例中包含那些看似不存在的类是错误的？
正如@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是一个很好的资源,可以获得更多关于画布和大多数其他响应式设计模式的背景知识.
如果您仔细查看页面源代码，您会发现标题中有
<!-- Custom styles for this template -->
<link href="offcanvas.css" rel="stylesheet">
这些类是在那里定义的。至少对我来说，如果我删除它，确实会产生明显的差异。