TJBootstrapHelper¶ ↑

This is Tony Jian’s Bootstrap helper gem.

gme 'tj_bootstrap_helper'

or

gem 'tj_bootstrap_helper', :git => "git://github.com/tonytonyjan/tj-bootstrap-helper.git"

<%= page_header @post.title %>
# => <div class="page-header"><h1><%= @post.content %></h1></div>

<%= page_header @post.title, 2 %>
# => <div class="page-header"><h2><%= @post.content %></h2></div>

<%= spans %w(asfd qwer zxcv), fluid: true do |word| %>
  <h2><%= word %></h2>
  <p>content</p>
<% end %>

# =>

<div class="row-fluid">
  <div class="span4"><h2>asfd</h2><p>content</p></div>
  <div class="span4"><h2>qwer</h2><p>content</p></div>
  <div class="span4"><h2>zxcv</h2><p>content</p></div>
</div>

<%= spans @posts, :span => 3, :slice => 2 do |post| %>
  <h2><%= post.title %></h2>
  <p><%= post.content %></p>
<% end %>

# =>

<div class="row">
  <div class="span3"><h2><%= post.title %></h2><p><%= post.content %></p></div>
  <div class="span3"><h2><%= post.title %></h2><p><%= post.content %></p></div>
</div>

...

<div class="row">
  <div class="span3"><h2><%= post.title %></h2><p><%= post.content %></p></div>
  <div class="span3"><h2><%= post.title %></h2><p><%= post.content %></p></div>
</div>

The usage of thumbs is nothing more than spans, but it requires a parameter of image method name correspondding to each resource.

<%= thumbs @posts, "image_url", :span => 2, :slice => 2 %>

# =>

<ul class="thumbnails">
  <li class="post span2" id="post_1"><a href="/posts/1" class="thumbnail"><%= image_tag post.image_url %></a></li>
  <li class="post span2" id="post_2"><a href="/posts/2" class="thumbnail"><%= image_tag post.image_url %></a></li>
</ul>

...

<ul class="thumbnails">
  <li class="post span2" id="post_3"><a href="/posts/3" class="thumbnail"><%= image_tag post.image_url %></a></li>
  <li class="post span2" id="post_4"><a href="/posts/4" class="thumbnail"><%= image_tag post.image_url %></a></li>
</ul>

<%= thumbs @posts, "image_url" do |post| %>
  <h2><%= post.title %></h2>
  <p><%= post.content %></p>
<% end %>

# =>

<ul class="thumbnails">
  <li class="post span4" id="post_1">
    <div class="thumbnail">
      <%= image_tag post.image_url %>      
      <h2><%= post.title %></h2>
      <p><%= post.content %></p>
    </div>
  </li>

  ...

</ul>