bh 1.1.1 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8884ce49e3336610cfc24e59f78a9a879d9c6020
-  data.tar.gz: 299d96e55a68df487308b191ddd91376962a12e5
+  metadata.gz: c4f7bca38e930bb3d819bb8eb02c8179cba085ba
+  data.tar.gz: 0f378c9f8ad7a87c3c157a394f22523c725479bf
 SHA512:
-  metadata.gz: bf5ceafa2d9173590b86524882306d573d63b7a8462316a24708444aa60d1ae199bc9ab863756e4e7fdf8bee0e888b7d2da46d27f8d4fe39e13982f5d258a8d6
-  data.tar.gz: e238691c83f7b6212368b3d0d54839e4f6dd416f66a17a3b3e7087fbc22ca61542887242661f67bd799e121505b254d091e9146a7a0821ac9cb1656f04c3d345
+  metadata.gz: 191624fbe875bdbeeaca0c0892371b98982be93c52c371c6fbfb570040965616b8d9cfc59ad87edeb4f39d24f476181ef9674f5773d6e226b7386cf3221c63dc
+  data.tar.gz: 1fbac9bf8bb10d1d3763aedd47e35a569c51211a93b21aa5c7acb25877c1dc9e300db77a8a74495f30f1ebaf5696766504e148bb8a8c802d9df11c191c3d6390

data/.yardopts

@@ -1,2 +1,3 @@
 --no-private
---markup markdown
+--markup markdown
+--hide-api private

data/CHANGELOG.md

@@ -6,6 +6,25 @@ For more information about changelogs, check
 [Keep a Changelog](http://keepachangelog.com) and
 [Vandamme](http://tech-angels.github.io/vandamme).
 
+## 1.2.0 - 2014-11-13
+
+* [FEATURE] Add support for Middleman and Padrino for all helpers except `form_for`
+* [FEATURE] Extend `button_to` to accept the same :content, :size and :layout options as `button`
+* [DEPRECATION] Deprecate `glyphicon` in favor of `icon` (`glyphicon` will still work until version 2.0.0)
+* [BUGFIX] Don’t override `button_to` unless `:context`, `:size` or `:layout` is passed
+* [ENHANCEMENT] Allow `alert_box` to pass extra parameters to the alert box <div>
+* [ENHANCEMENT] Allow `button_to` to pass extra parameters to the button element
+* [ENHANCEMENT] Allow `dropdown` to display a full-width button when called with `{layout: :block, groupable: false}`
+* [ENHANCEMENT] Allow `dropdown` to pass `:id` parameter to the dropdown <ul>
+* [ENHANCEMENT] Allow `modal` to pass the `:id` parameter to the wrapping <div>
+* [ENHANCEMENT] Allow `modal` to pass `{button: :class}` parameter to the toggle <button>
+* [ENHANCEMENT] Allow `panel` to pass extra parameters to the wrapping <div>
+* [ENHANCEMENT] Allow `progress_bar` to pass extra parameters to the wrapping container
+* [ENHANCEMENT] Allow `progress_bar` to pass extra parameters to each bar
+* [ENHANCEMENT] Don’t render anything when `vertical` and `horizontal` are not wrapped in a `navbar`
+* [ENHANCEMENT] Wrap plain content passed to `modal` inside the modal body
+* [ENHANCEMENT] Wrap plain content passed to `panel` inside the panel body
+
 ## 1.1.1 - 2014-09-20
 
 * [ENHANCEMENT] Bump Bootstrap version to 3.3.0

data/README.md

@@ -4,13 +4,13 @@ Bh · Bootstrap Helpers
 Bh provides a set of helpers that streamlines the use of
 [Bootstrap 3 components](http://getbootstrap.com/components) in Ruby views.
 
-The **full documentation** is available at [rubydoc.info](http://rubydoc.info/github/Fullscreen/bh/master/frames).
+The **full documentation** is available at [rubydoc.info](http://www.rubydoc.info/github/Fullscreen/bh/master/Bh/Helpers).
 
 [![Build Status](http://img.shields.io/travis/Fullscreen/bh/master.svg)](https://travis-ci.org/Fullscreen/bh)
 [![Coverage Status](http://img.shields.io/coveralls/Fullscreen/bh/master.svg)](https://coveralls.io/r/Fullscreen/bh)
 [![Dependency Status](http://img.shields.io/gemnasium/Fullscreen/bh.svg)](https://gemnasium.com/Fullscreen/bh)
 [![Code Climate](http://img.shields.io/codeclimate/github/Fullscreen/bh.svg)](https://codeclimate.com/github/Fullscreen/bh)
-[![Online docs](http://img.shields.io/badge/docs-✓-green.svg)](http://rubydoc.info/github/Fullscreen/bh/master/frames)
+[![Online docs](http://img.shields.io/badge/docs-✓-green.svg)](http://www.rubydoc.info/github/Fullscreen/bh/master/Bh/Helpers)
 [![Gem Version](http://img.shields.io/gem/v/bh.svg)](http://rubygems.org/gems/bh)
 
 Bootstrap 3 is a great framework, but requires many lines of HTML code
@@ -30,15 +30,30 @@ For instance, you need to write the following HTML to show a _dismissible alert_
 Writing this for every _dismissible alert_ is cumbersome,
 repetitive, and prone to errors.
 
-With Bh, you can achieve the same thing with just one line of code:
+With Bh, you can achieve the same result with just one line of code:
 
 ```rhtml
 <%= alert_box 'You accepted the Terms of service.', dismissible: true %>
 ```
 
 `alert_box` is only one of the helpers provided by Bh.
-You can use the helpers you need and even mix-and-match the "standard way"
-of writing Bootstrap 3 components (many HTML lines) with the "Bh way".
+The other ones are: `bootstrap_css`, `bootstrap_js`, `bootstrap_theme_css`,
+`button_to`, `button`, `dropdown`, `font_awesome_css`, `form_for`,
+`icon`, `modal`, `navbar`, `nav`, `panel_row`, `panel` and `progress_bar`.
+
+How to install
+==============
+
+Bh is compatible with **Rails 3**, **Rails 4**, **Padrino** and **Middleman**.
+
+To include the Bh gem in your project:
+
+1. Add `gem 'bh', '~> 1.2'` to the `Gemfile` file of your Rails, Padrino or Middleman project.
+2. *Only if you are using Middleman*: open `config.rb` and add `activate :bh`.
+3. *Only if you are using Padrino*: open `app.rb` and add `register Bh`.
+
+That’s all!
+From now on, you will be able to use any Bh helper in your views.
 
 A comprehensive guide to Bh helpers
 ===================================
@@ -49,24 +64,46 @@ All the helpers available in Bh are detailed on the [Bh homepage](http://fullscr
 
 Please proceed to [http://fullscreen.github.io/bh](http://fullscreen.github.io/bh) for more details and examples on how to use Bh.
 
+How to try it in your browser
+=============================
 
-How to install
-==============
+The `examples` folder includes three sample apps that you can rapidly run in
+your browser and edit as you please, in order to visually appreciate the result
+of Bh.
+
+If you’d like to run the _test Rails app_:
+
+1. Download the source code
+1. `cd` into the `examples/rails` folder
+1. Run `bundle install`
+1. Run `bundle exec rails server`
+1. Point your browser to [http://0.0.0.0:3000](http://0.0.0.0:3000)
 
-Bh is meant to be included in Rails apps by adding this line to the Gemfile:
+If you prefer to see the helpers inside a _test Middleman app_:
 
-    gem 'bh', '~> 1.1'
+1. Download the source code
+1. `cd` into the `examples/middleman` folder
+1. Run `bundle install`
+1. Run `bundle exec middleman`
+1. Point your browser to [http://0.0.0.0:4567](http://0.0.0.0:4567)
 
-Since the gem follows [Semantic Versioning](http://semver.org), indicating the
-version number in your Gemfile in the *'~> major.minor'* format guarantees
-that your project won’t break when you `bundle update` to a new version.
+If you prefer to see the helpers inside a _test Padrino app_:
+
+1. Download the source code
+1. `cd` into the `examples/padrino` folder
+1. Run `bundle install`
+1. Run `bundle padrino start`
+1. Point your browser to [http://0.0.0.0:3000](http://0.0.0.0:3000)
 
-Adding `bh` to your Gemfile is all you need!
-From now on, you will be able to use any Bh helper in your ERB views.
 
 How to update
 =============
 
+Bh strictly follows [Semantic Versioning](http://semver.org).
+By indicating the version number in the *'~> major.minor'* format  in your
+Gemfile, you are guaranteed that that your project won’t break when you
+`bundle update` to a new version.
+
 Whenever a new version is released, the [CHANGELOG file](https://github.com/claudiob/bh/blob/master/CHANGELOG.md)
 will include a description of what features have changed and how to upgrade
 your code, if necessary.
@@ -109,9 +146,5 @@ be merged!
 
 To run the tests, simply type `bundle exec rspec` on the command line.
 
-To see the HTML generated by helpers in a browser,
-edit the [spec/dummy/index.html file](https://github.com/claudiob/bh/blob/master/spec/dummy/index.html),
-then type `bundle exec middleman` and point your browser to [http://0.0.0.0:4567](http://0.0.0.0:4567).
-
 Don’t hesitate to send code comments, issues or pull requests through GitHub
 and to spread the love. And [don’t click here](http://bit.ly/move-to-la)! Thanks! :)

data/bh.gemspec

@@ -21,17 +21,21 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
-  spec.add_dependency 'activesupport'
-  spec.add_dependency 'actionpack'
+  spec.add_dependency 'activesupport'                # versioned in gemfiles/
+  spec.add_dependency 'actionpack'                   # versioned in gemfiles/
 
   # For development / Code coverage / Documentation
-  spec.add_development_dependency 'bundler' #, '~> 1.0'
-  spec.add_development_dependency 'rspec' #, '~> 2.0'
-  spec.add_development_dependency 'rake' #, '~> 10.0'
-  spec.add_development_dependency 'yard' #, '~> 0.8.0'
-  spec.add_development_dependency 'coveralls' #, '~> 0.7.0'
-  spec.add_development_dependency 'activemodel'
+  spec.add_development_dependency 'bundler',         '~> 1.1'
+  spec.add_development_dependency 'rspec',           '~> 3.1'
+  spec.add_development_dependency 'rake',            '~> 10.3'
+  spec.add_development_dependency 'yard',            '~> 0.8.7'
+  spec.add_development_dependency 'coveralls',       '~> 0.7.1'
+  spec.add_development_dependency 'activemodel'      # versioned in gemfiles/
 
   # For spec/dummy
-  spec.add_development_dependency 'middleman-core' #, '~> 3.3.5'
+  spec.add_development_dependency 'middleman-core'   # versioned in gemfiles/
+
+  # For Middleman/Padrino tests
+  spec.add_development_dependency 'padrino-helpers', '~> 0.12.4'
+  spec.add_development_dependency 'padrino-routing', '~> 0.5.0'
 end

data/examples/middleman/.gitignore

@@ -0,0 +1,18 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+# git config --global core.excludesfile ~/.gitignore_global
+
+# Ignore bundler config
+/.bundle
+
+# Ignore the build directory
+/build
+
+# Ignore cache
+/.sass-cache
+/.cache
+
+# Ignore .DS_store file
+.DS_Store

data/examples/middleman/Gemfile

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+gem 'middleman', '~> 3.3'
+gem 'middleman-livereload', '~> 3.1'
+
+gem 'bh', path: '../../../bh'

data/examples/middleman/config.rb

@@ -0,0 +1 @@
+activate :bh

data/examples/middleman/source/index.html.erb

@@ -0,0 +1,158 @@
+---
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <%= stylesheet_link_tag font_awesome_css, bootstrap_css, bootstrap_theme_css %>
+    <title>Bh test page (Middleman)</title>
+  </head>
+  <body>
+    <div class='container'>
+
+    <h1>Alerts</h1>
+
+      <!-- Try setting different :dismissible and :context options -->
+      <%= alert_box 'You accepted the Terms of service.' %>
+
+      <% alert_box context: :warning, dismissible: true, id: 'alert', class: :en, data: {js: 1} do %>
+        <em>Thanks!</em> You accepted the <%= link_to 'Terms of service', '/#terms' %>.
+      <% end %>
+
+    <h1>Panels</h1>
+
+      <!-- Try setting different :title, :tag and :context options -->
+      <%= panel 'You accepted the Terms of service', title: 'Thanks', tag: :aside %>
+
+      <% panel heading: 'Thanks', context: :info, id: 'panel', class: :en, data: {js: 1} do %>
+        <div class='panel-body'>You accepted the Terms of service. <%= icon :ok %></div>
+      <% end %>
+
+    <h1>Panel rows</h1>
+
+      <!-- Try setting a different :column_class option -->
+      <% panel_row column_class: 'col-sm-12' do %>
+        <%= panel 'Plain full-width panel' %>
+      <% end %>
+
+      <% panel_row column_class: 'col-sm-6', id: 'panel-row', class: :en, data: {js: 1} do %>
+        <%= panel 'John Smith', title: 'User', context: :info %>
+        <% panel title: 'Phone' do %>
+          <div class='panel-body'><%= icon :earphone %> 323-555-5555</div>
+        <% end %>
+      <% end %>
+
+      <h1>Modals</h1>
+
+        <!-- Try setting different :title, :size, :button or :context options -->
+        <%= modal 'Do what you want!', button: {size: :small, context: :info} %>
+
+        <% modal size: :large, id: 'modal', button: {class: :en} do %>
+          <div class="modal-body">Please accept the Terms of service.</div>
+          <div class="modal-footer"><button type="button" class="btn btn-primary">Accept</button></div>
+        <% end %>
+
+      <h1>Navs</h1>
+
+        <% nav do %>
+          <li class='active'>
+            <%= link_to 'Home', '/' %>
+          </li>
+          <li>
+            <%= link_to 'Profile', '/#profile' %>
+          </li>
+          <li>
+            <%= link_to 'Settings', '/#settings' %>
+          </li>
+        <% end %>
+
+        <br />
+        <!-- Try setting different :layout or :as options -->
+        <% nav as: :pills, layout: :stacked, id: 'my-nav', data: {value: 1} do %>
+          <li class='active'>
+            <%= link_to 'Home', '/' %>
+          </li>
+          <li>
+            <%= link_to 'Profile', '/#profile' %>
+          </li>
+          <li>
+            <%= link_to 'Settings', '/#settings' %>
+          </li>
+        <% end %>
+
+      <h1>Navbars</h1>
+
+        <!-- Try adding a horizontal element and setting different :inverted, :fluid, :position or :padding options -->
+        <% navbar inverted: true do %>
+          <% vertical do %>
+            <%= link_to 'Home', '/' %>
+          <% end %>
+        <% end %>
+
+        <% navbar id: 'navbar' do %>
+          <% vertical id: 'vertical', class: :en, data: {js: 1} do %>
+            <%= link_to 'Home', '/' %>
+          <% end %>
+          <% horizontal class: :en, data: {js: 2} do %>
+            <% nav class: 'navbar-left' do %>
+              <%= link_to 'Profile', '/#profile' %>
+              <%= link_to 'Settings', '/#settings' %>
+            <% end %>
+          <% end %>
+        <% end %>
+
+      <h1>Buttons</h1>
+
+      <!-- Try setting different :context, :size and :layout options -->
+        <%= button 'Menu' %>
+
+        <% button context: :warning, id: 'button', class: :en, data: {js: 1} do %>
+          Your <em>personal</em> menu
+        <% end %>
+
+      <h1>Dropdowns</h1>
+
+        <!-- Try setting different :split, :direction, :align, :groupable, :layout, :context or :size options -->
+        <% dropdown 'Menu', direction: :up, context: :success, align: :right do %>
+          <%= link_to 'Home', '/' %>
+          <%= link_to 'Profile', '/#profile' %>
+          <%= link_to 'Settings', '/#settings' %>
+        <% end %>
+
+        <% dropdown 'Menu', split: true, id: 'dropdown', button: {class: :en} do %>
+          <li role="presentation"><a href="#">Home</a></li>
+          <li role="presentation"><a href="#"><%= content_tag :em, 'Profile' %></a></li>
+        <% end %>
+
+      <h1>Progress bars</h1>
+
+        <!-- Try passing multiple values with different :percentage, :label, :context, :striped, :animated options -->
+        <%= progress_bar [{percentage: 75, striped: true}, {percentage: 20, context: :warning, label: true}] %>
+
+        <%= progress_bar({percentage: 30, id: 'bar', data: {js: 1}}, id: 'container', class: :en) %>
+
+      <h1>Icons</h1>
+
+        <!-- Try setting a different :library option -->
+        <%= icon :user %>
+
+        <%= icon :user, library: :font_awesome, class: 'fa-2x', id: 'icon', data: {value: 1} %>
+
+    <h1>Button to</h1>
+
+      <%= button_to 'New', '#new', submit_options: {class: 'b'}, class: 'f', method: :get %>
+      <br />
+      <%= button_to 'New', '#new', submit_options: {class: 'b'}, class: 'f', method: :get, context: :primary %>
+
+      <% button_to '/#edit', method: :get do %>
+        <button id="my-btn-to" data-value="1" class="btn btn-link">Button <strong>styled</strong> as a link</button>
+      <% end %>
+
+    </div>
+    <%= javascript_include_tag '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' %>
+    <%= javascript_include_tag bootstrap_js %>
+  </body>
+</html>

data/examples/padrino/Gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+gem 'rake'
+gem 'erubis', '~> 2.7.0'
+
+# Point padrino to Rubygems once http://git.io/ll8xtA is merged
+gem 'padrino', github: 'padrino/padrino-framework' # '~> 0.13.0'
+
+gem 'bh', path: '../../../bh'

data/examples/padrino/app/app.rb

@@ -0,0 +1,16 @@
+module TestBh
+  class App < Padrino::Application
+    register Padrino::Helpers
+    register Padrino::Rendering
+
+    register Bh
+
+    get :root, map: '/' do
+      render :index
+    end
+
+    get :users, map: '/users' do
+      render :index
+    end
+  end
+end

data/examples/padrino/app/views/index.html.erb

@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <%= stylesheet_link_tag font_awesome_css, bootstrap_css, bootstrap_theme_css %>
+    <title>Bh test page (Padrino)</title>
+  </head>
+  <body>
+    <div class='container'>
+
+    <h1>Alerts</h1>
+
+      <!-- Try setting different :dismissible and :context options -->
+      <%= alert_box 'You accepted the Terms of service.' %>
+
+      <% alert_box context: :warning, dismissible: true, id: 'alert', class: :en, data: {js: 1} do %>
+        <em>Thanks!</em> You accepted the <%= link_to 'Terms of service', '/#terms' %>.
+      <% end %>
+
+    <h1>Panels</h1>
+
+      <!-- Try setting different :title, :tag and :context options -->
+      <%= panel 'You accepted the Terms of service', title: 'Thanks', tag: :aside %>
+
+      <% panel heading: 'Thanks', context: :info, id: 'panel', class: :en, data: {js: 1} do %>
+        <div class='panel-body'>You accepted the Terms of service. <%= icon :ok %></div>
+      <% end %>
+
+    <h1>Panel rows</h1>
+
+      <!-- Try setting a different :column_class option -->
+      <% panel_row column_class: 'col-sm-12' do %>
+        <%= panel 'Plain full-width panel' %>
+      <% end %>
+
+      <% panel_row column_class: 'col-sm-6', id: 'panel-row', class: :en, data: {js: 1} do %>
+        <%= panel 'John Smith', title: 'User', context: :info %>
+        <% panel title: 'Phone' do %>
+          <div class='panel-body'><%= icon :earphone %> 323-555-5555</div>
+        <% end %>
+      <% end %>
+
+      <h1>Modals</h1>
+
+        <!-- Try setting different :title, :size, :button or :context options -->
+        <%= modal 'Do what you want!', button: {size: :small, context: :info} %>
+
+        <% modal title: 'Terms of service', size: :large, id: 'modal', button: {class: :en} do %>
+          <div class="modal-body">Please accept the Terms of service.</div>
+          <div class="modal-footer"><button type="button" class="btn btn-primary">Accept</button></div>
+        <% end %>
+
+      <h1>Navs</h1>
+
+        <% nav do %>
+          <li class='active'>
+            <%= link_to 'Home', '/' %>
+          </li>
+          <li>
+            <%= link_to 'Profile', '/#profile' %>
+          </li>
+          <li>
+            <%= link_to 'Settings', '/#settings' %>
+          </li>
+        <% end %>
+
+        <br />
+        <!-- Try setting different :layout or :as options -->
+        <% nav as: :pills, layout: :stacked, id: 'my-nav', data: {value: 1} do %>
+          <li class='active'>
+            <%= link_to 'Home', '/' %>
+          </li>
+          <li>
+            <%= link_to 'Profile', '/#profile' %>
+          </li>
+          <li>
+            <%= link_to 'Settings', '/#settings' %>
+          </li>
+        <% end %>
+
+      <h1>Navbars</h1>
+
+        <!-- Try adding a horizontal element and setting different :inverted, :fluid, :position or :padding options -->
+        <% navbar inverted: true do %>
+          <% vertical do %>
+            <%= link_to 'Home', '/' %>
+          <% end %>
+        <% end %>
+
+        <% navbar id: 'navbar' do %>
+          <% vertical id: 'vertical', class: :en, data: {js: 1} do %>
+            <%= link_to 'Home', '/' %>
+          <% end %>
+          <% horizontal class: :en, data: {js: 2} do %>
+            <% nav class: 'navbar-left' do %>
+              <%= link_to 'Profile', '/#profile' %>
+              <%= link_to 'Settings', '/#settings' %>
+            <% end %>
+          <% end %>
+        <% end %>
+
+      <h1>Buttons</h1>
+
+      <!-- Try setting different :context, :size and :layout options -->
+        <%= button 'Menu' %>
+
+        <% button context: :warning, id: 'button', class: :en, data: {js: 1} do %>
+          Your <em>personal</em> menu
+        <% end %>
+
+      <h1>Dropdowns</h1>
+
+        <!-- Try setting different :split, :direction, :align, :groupable, :layout, :context or :size options -->
+        <% dropdown 'Menu', direction: :up, context: :success, align: :right do %>
+          <%= link_to 'Home', '/' %>
+          <%= link_to 'Profile', '/#profile' %>
+          <%= link_to 'Settings', '/#settings' %>
+        <% end %>
+
+        <% dropdown 'Menu', split: true, id: 'dropdown', button: {class: :en} do %>
+          <li role="presentation"><a href="#">Home</a></li>
+          <li role="presentation"><a href="#"><%= content_tag :em, 'Profile' %></a></li>
+        <% end %>
+
+      <h1>Progress bars</h1>
+
+        <!-- Try passing multiple values with different :percentage, :label, :context, :striped, :animated options -->
+        <%= progress_bar [{percentage: 75, striped: true}, {percentage: 20, context: :warning, label: true}] %>
+
+        <%= progress_bar({percentage: 30, id: 'bar', data: {js: 1}}, id: 'container', class: :en) %>
+
+      <h1>Icons</h1>
+
+        <!-- Try setting a different :library option -->
+        <%= icon :user %>
+
+        <%= icon :user, library: :font_awesome, class: 'fa-2x', id: 'icon', data: {value: 1} %>
+
+    <h1>Button to</h1>
+
+      <%= button_to 'New', '#new', submit_options: {class: 'b'}, class: 'f', method: :get %>
+      <br />
+      <%= button_to 'New', '#new', submit_options: {class: 'b'}, class: 'f', method: :get, context: :primary %>
+
+      <% button_to '/#edit', method: :get, context: :link, submit_options: {id: 'my-btn-to', data: {value: 1}} do %>
+        Button <strong>styled</strong> as a link
+      <% end %>
+
+    </div>
+    <%= javascript_include_tag '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' %>
+    <%= javascript_include_tag bootstrap_js %>
+  </body>
+</html>