Sha256: 2a450bf240d4e0b9173c2327fb2bd27df8788d058f0e62e122c60c78d502e348

Contents?: true

Size: 1.37 KB

Versions: 5

Compression:

Stored size: 1.37 KB

Contents

<section id="image">
  <div class="page-header">
    <h1>Image
      <small>bootstrap image helper</small>
    </h1>
  </div>

  <p>Image helpers includes bootstrap glyph icon helper and image style helper.</p>

  <h3>Rounded border image</h3>

  <div class="bs-docs-example">
    <%= r_image_tag('rar_gold.png') %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= r_image_tag('rar_gold.png') %&gt;
</pre>

  <h3>Circle image</h3>

  <div class="bs-docs-example">
    <%= c_image_tag('rar_gold.png') %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= c_image_tag('rar_gold.png') %&gt;
</pre>

  <h3>Polaroid image</h3>

  <div class="bs-docs-example">
    <%= p_image_tag('rar_gold.png') %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= p_image_tag('rar_gold.png') %&gt;
</pre>

  <h3>Glyph icon</h3>

  <div class="bs-docs-example">
    <%= glyph_icon(:plus) %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= glyph_icon(:plus) %&gt;
</pre>

  <div class="bs-docs-example" style="background-color: #223322">
    <%= glyph_icon(:align_justify, :white) %>
    <%= glyph_icon([:align_right, :white]) %>
    <%= glyph_icon(%w(plus white)) %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= glyph_icon(:align_justify, :white) %&gt;
&lt;%= glyph_icon([:align_right, :white]) %&gt;
&lt;%= glyph_icon(%w(plus white)) %&gt;
</pre>
</section>

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
bs-helper-0.1.4 test/dummy/app/views/components/_image.html.erb
bs-helper-0.1.3 test/dummy/app/views/components/_image.html.erb
bs-helper-0.1.2 test/dummy/app/views/components/_image.html.erb
bs-helper-0.1.1 test/dummy/app/views/components/_image.html.erb
bs-helper-0.1.0 test/dummy/app/views/components/_image.html.erb