snipt

Ctrl+h for KB shortcuts

HTML

Set the grid displayer parameters once and for all

1
2
3
4
5
6
<body data-grid-framework="bo" data-grid-color="blue" data-grid-opacity="0.5" data-grid-zindex="10" data-grid-gutterwidth="30px" data-grid-nbcols="16">
<!--
Framework codes: b3 (Bootstrap 3 fixed), b3f (Bootstrap 3 fluid), bo (Bootstrap 2 fixed), bf (Bootstrap 2 fluid), f4 (Foundation 4 & 5), f3 (Foundation 3), f2 (Foundation 2).
Note 1: 'Gutter width' parameter only applies to gutterless grid systems (Bootstrap 3, Foundation 4 & 5).
Note 2: 'Nb cols' parameter for Bootstrap only.
-->
https://snippets.siftie.com/embed/dfa99649ec014f04edda74261dbd3457/
/raw/dfa99649ec014f04edda74261dbd3457/
dfa99649ec014f04edda74261dbd3457
html
HTML
6
2019-03-21T11:15:05
True
False
False
/api/public/snipt/38437/
custom-parameters-for-foundation-grid-displayer
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">body</span> <span class="na">data-grid-framework</span><span class="o">=</span><span class="s">&quot;bo&quot;</span> <span class="na">data-grid-color</span><span class="o">=</span><span class="s">&quot;blue&quot;</span> <span class="na">data-grid-opacity</span><span class="o">=</span><span class="s">&quot;0.5&quot;</span> <span class="na">data-grid-zindex</span><span class="o">=</span><span class="s">&quot;10&quot;</span> <span class="na">data-grid-gutterwidth</span><span class="o">=</span><span class="s">&quot;30px&quot;</span> <span class="na">data-grid-nbcols</span><span class="o">=</span><span class="s">&quot;16&quot;</span><span class="p">&gt;</span> </span><span id="L-2"><a name="L-2"></a><span class="c">&lt;!--</span> </span><span id="L-3"><a name="L-3"></a><span class="c">Framework codes: b3 (Bootstrap 3 fixed), b3f (Bootstrap 3 fluid), bo (Bootstrap 2 fixed), bf (Bootstrap 2 fluid), f4 (Foundation 4 &amp; 5), f3 (Foundation 3), f2 (Foundation 2).</span> </span><span id="L-4"><a name="L-4"></a><span class="c">Note 1: &#39;Gutter width&#39; parameter only applies to gutterless grid systems (Bootstrap 3, Foundation 4 &amp; 5).</span> </span><span id="L-5"><a name="L-5"></a><span class="c">Note 2: &#39;Nb cols&#39; parameter for Bootstrap only.</span> </span><span id="L-6"><a name="L-6"></a><span class="c">--&gt;</span> </span></pre></div> </td></tr></table>
bootstrap, foundation, grid, html5, microdata