Bootstrap Offcanvas - do offcanvas css classes really exist?

Question

I recently learned about twitter bootstrap, and I'm deeply immersed in the latest version of Bootstrap 3. The website has an example of the "Off Canvas" template (here: http://getbootstrap.com/examples/offcanvas/ ) that I modified. But in this example, there are several things that do not make sense to me.

In the example example of an Off Canvas template, there are div elements that reference classes, such as row-offcanvas, row-offcanvas-right, and sidebar-offcanvas. I cannot find them in bootstrap.css, and I also do not see them in Chrome DevTools. I also do not see any effect when I delete these classes. Do these classes have any goals? Or was it a mistake in this example to include those seemingly non-existent classes?

Answer 1

If you look closely at the source of the page, you will see that in the title there is

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

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

These classes are defined there. And at least for me it is clearly noticeable if I remove it.

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.imtqy.com/this-is-responsive/patterns.html#off-canvas - .

Answer 3

I really had the same dunno that I did wrong, but js didnt seem to work, I just delete all the codes and bind all the js and css that don't work. So I try to use other js in my other folders that it works and copy them to my blank offcanvas page, this works. Then return the code for all the templates and it works fine, now I think that my machine stops responding to some components, maybe just try restarting it.