StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO<script> disturbs bootstrap.css, workarounds?
text
Body
copied!<p>I really would like to use twitter-bootstrap, and their scaffolding system with the 12 columns - is there a way to get this working properly with for example ember.js and handlebars.js? I recently ran into trouble, because inserted tags disterb bootstrap.css descriptions like :first-child, my specific situation described below.</p> <p>So question: Is there a way properly avoid disterbing bootstrap.css when working with for example ember and handlebars, including tags?</p> <p>My specific trouble: the <code><div class="span9"></code> misses out on the CSS below, because the tag picks it up instead, i think...</p> <pre><code> <div class="row-fluid show-grid"> {{#if controller.currentItem.isDuo}} <div class="span9">{{controller.currentItem.text}}</div> <div class="span3">{{controller.currentItem.imgText}}</div> {{/if}} </div>  <div class="row-fluid show-grid"> <script></script> <div class="span9"><script></script>00<script></script></div> <div class="span3"><script></script>Mask<script></script></div> <script></script> </div> </code></pre> <p>CSS-code in bootstrap.css, relevant to my situation</p> <pre><code>.row-fluid [class*="span"]:first-child { margin-left: 0; } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload