TurnJS and bootstrap section -


I am trying to add a section in my Bootstrap web application which will use the Turnge flip-book. My HTML code:

  & lt ;! - TurnJS - & gt; & Lt; Section id = "turnJS" class = "turngs" & gt; & Lt; Div id = "flipbook" & gt; & Lt; Div class = "hard" & gt; My turn & lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 01.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 02.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 03.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 04.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 05.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 06.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt;  

My JS Code:

  $ ("# FlipBook"). Turn ({width: 400, height: 300, auto sensor: true  

});

Is anyone a working sample?

What's your problem? Do not know what your problem is ... can you explain yourself a bit better so that the community can help you? If you are trying to add a change to your site, then you only have to add the div flipbook to the section with a div or class container or line and that's it!

Here is an example:

& lt; Section id = "turnJS" class = "turnJS container" & gt; & Lt; Div class = "row" & gt; & Lt; Div id = "flipbook" & gt; & Lt; Div class = "hard" & gt; My turn & lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 01.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 02.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 03.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 04.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 05.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 06.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt;


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -