javascript - SyntaxHighlighter margin bug with bootstrap? -
i have code.
<pre class="brush: xml"><?xml version="1.0" encoding="utf-8"?> <test xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xmlns:xsd="http://www.w3.org/2001/xmlschema"> <abc> <a>b</a> </abc> </test></pre>
and javascript.
<script type="text/javascript">syntaxhighlighter.all();</script>
before loaded:
- xregexp.js
- shcore.js
- shbrushxml.js
and css:
- shcorerdark.css
- shthemerdark.css
but looks like:
the problem first line between line 1 , 2. margin issnt correct or else!? dont know. firebug cant find problem :(
and way... possible disable/hide "?" button on top right corner?
fiddle example (bad parsing!?): http://jsfiddle.net/zrm2g/
i believe issue has syntaxhighlighter using class="container" has name collision bootstrap.
in particular, bootstrap.css adds following, putting margin in before our displayable content:
.container:before, .container:after { display: table; content: ""; line-height: 0; }
i resolved overriding css in sites main css file when container class used within syntaxhighlighter table:
.syntaxhighlighter table .container:before { display: none !important; }
Comments
Post a Comment