Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>TL;DR:</strong> use <strong>bootstrap-sass</strong> gem instead (the rest of the answer below suggests <strong>bootstrap-rails</strong> gem, which is not as convenient, because then you need other dependencies, like LESS, and it gets a bit complicated.</p> <p>First of all, I should mention that there's more than one way to add Bootstrap to your app. I've tried the manual way first (which I suspect is what you're doing), and actually got into the same problem as you did (not sure if for the same cause or not). So then I've tried the recommended way, which is through a gem called <em>twitter-bootstrap-rails</em>. I followed this railscast:</p> <p><a href="http://railscasts.com/episodes/328-twitter-bootstrap-basics" rel="nofollow">http://railscasts.com/episodes/328-twitter-bootstrap-basics</a></p> <p>Then I ran into a problem, however, of not having another gem - <em>'less'</em>, which was causing a nasty runtime error. So I've added two more gems, for a total of three, to my Gemfile: - gem 'twitter-bootstrap-rails' - gem 'therubyracer' - gem 'less-rails' (missing this was the cause for the runtime error).</p> <p>Their exact role I am still not sure about -- but they play an important role in Rails asset pipeline. 'less' is what Bootstrap depends on, apparently, instead of 'sass', which Rails comes with.</p> <p>So, after installing them with <code>bundle install</code> -- those, and their other dependencies, most notable libv8 -- I've got Bootstrap working perfectly, including <code>&lt;i class="icon-share-alt"&gt;&lt;/i&gt;</code> =)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload