Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Ruby

Posted by Scooter D
Scooter D
9,611 Points

bootstrap not working?

I am doing the frontend development lessons on building a simple web app and am having problems with bootstrap.

I downloaded and installed the proper files in their proper locations. I have the correct code in my layout/applications, I copy and pasted right from the guide itself.

When I load my page it appears that it's only recognizing plain html and nothing else.

When I vew-page-source, I see bootstrap.js/.css is being loaded with the page.

After I initially drag the bootstrap.css and bootstrap.js + image files in, do I have to do some type of bundle install?

Furthermore I also deleted everything in my scaffold.css.erb folder as it instructed in the video.

I am really not sure what I am doing wrong, it looks like it is just plain html. Here is the page with my bootstrap classes in it 

<!DOCTYPE html>
<html> 
<head>
  <title>Treebook</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
            <div class="container">
                    <a href="#" class="brand"> Treebook</a>
                <ul class="nav">
                        <li><%= link_to "All Statuses", statuses_path %></li>
            </div>
        </div>
    </div>
    <div class="container">
            <%= yield %>
    </div>
</body>

Any help would be greatly appreciated, thanks!

Colin Stodd
Colin Stodd
3,160 Points
Colin Stodd
Colin Stodd
3,160 Points

Hey scooter, could you do us a favor and post your fix. It looks like there are a bunch of people having the same issue.

2 Answers

Greg Schloemann
Greg Schloemann
1,090 Points
Greg Schloemann
Greg Schloemann
1,090 Points

I had the same issue and found that the syntax in bootstrap 3.0.3 has changed. I inspected on the element on the navbar of the bootstrap webpage and copied the code from there. I hope this helps.

Scooter D
Scooter D
9,611 Points
Scooter D
Scooter D
9,611 Points

FIXED!

Aiden Yi
Aiden Yi
9,292 Points
Aiden Yi
Aiden Yi
9,292 Points

I would also like to know. I am having a same problem

Colin Stodd
Colin Stodd
3,160 Points
Colin Stodd
Colin Stodd
3,160 Points

I am also having the same problem.