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!

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

Development Tools

Anthony Hind
Anthony Hind
5,715 Points


OK I might be getting a little ahead of myself but after watching the Sass videos, I would like to implement this with twitter bootstrap or foundation 5 but i'm struggling to get the installation to display foundation properly i have followed along the correct instructions from the foundation website but i am getting a broken website it appears as though the stylesheets are not linking correctly and there doesn't appear to be a lot of content in the files that are created once the sudo gem install foundation command has been ran.

I am using a Mac Book Pro and Have Git, Ruby 1.9 and also Node.js installed. the folders all do appear to create correctly it just seems as though there is a lot missing and nothing is linking has anybody experienced this or am i just missing something basic??

I have setup Codekit, compass and all the relevant command line parts.

Any help would be appreciated

3 Answers

Anthony Hind
Anthony Hind
5,715 Points

OK I am having a problem with the sudo command it errors on the final step please see the following and please help!!!

```martin01:~ antohind$ sudo foundation new YETI Creating ./YETI create YETI remote: Counting objects: 62, done. remote: Compressing objects: 100% (40/40), done. remote: Total 62 (delta 19), reused 57 (delta 15) Unpacking objects: 100% (62/62), done. Installing dependencies with bower... bower ESUDO Cannot be run with sudo

Additional error details: Since bower is a user command, there is no need to execute it with superuser permissions. If you're having permission errors when using bower without sudo, please spend a few minutes learning more about how your system should work and make any necessary repairs.

http://www.joyent.com/blog/installing-node-and-npm https://gist.github.com/isaacs/579814

You can however run a command with sudo using --allow-root option /Library/Ruby/Gems/2.0.0/gems/foundation-1.0.4/lib/foundation/cli/generator.rb:131:in read': No such file or directory - /Users/antohind/YETI/bower_components/foundation/scss/foundation/_settings.scss (Errno::ENOENT) from /Library/Ruby/Gems/2.0.0/gems/foundation-1.0.4/lib/foundation/cli/generator.rb:131:inblock (2 levels) in new' from /Library/Ruby/Gems/2.0.0/gems/foundation-1.0.4/lib/foundation/cli/generator.rb:131:in open' from /Library/Ruby/Gems/2.0.0/gems/foundation-1.0.4/lib/foundation/cli/generator.rb:131:inblock in new' from /Library/Ruby/Gems/2.0.0/gems/thor-0.18.1/lib/thor/actions.rb:182:in block in inside' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:125:inchdir' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:125:in cd' from /Library/Ruby/Gems/2.0.0/gems/thor-0.18.1/lib/thor/actions.rb:182:ininside' from /Library/Ruby/Gems/2.0.0/gems/foundation-1.0.4/lib/foundation/cli/generator.rb:128:in new' from /Library/Ruby/Gems/2.0.0/gems/thor-0.18.1/lib/thor/command.rb:27:inrun' from /Library/Ruby/Gems/2.0.0/gems/thor-0.18.1/lib/thor/invocation.rb:120:in invoke_command' from /Library/Ruby/Gems/2.0.0/gems/thor-0.18.1/lib/thor.rb:363:indispatch' from /Library/Ruby/Gems/2.0.0/gems/thor-0.18.1/lib/thor/base.rb:439:in start' from /Library/Ruby/Gems/2.0.0/gems/foundation-1.0.4/bin/foundation:4:in<top (required)>' from /usr/bin/foundation:23:in load' from /usr/bin/foundation:23:in<main>'

As you can see it appears to start successfully but then fails as I have used the sudo command but if I remove the sudo command it cannot locate node.js

martin01:~ antohind$ foundation new YETI
Can't find NodeJS. You can install it by going here: http://nodejs.org
Hugh Caluscusin
Hugh Caluscusin
Courses Plus Student 8,058 Points

Hi, I hope this can help you a little

If you have setup all correctly, then that's good. As long as you have downloaded the SASS versions of Bootstrap and Foundation and have setup them correctly then you're good to go.

  1. you have to link all the stylesheets (bootstrap and foundation) In your main index file or pages:

html<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" /> <link rel="stylesheet" type="text/css" href="css/foundation.css" />

  1. then in your scss file (e.g. index.scss, main.scss, other.scss) at the top of everything, all you have to do is @import foundation and bootstrap like this:

@import "foundation", "compass", "bootstrap";



I hope i have answer your question. And be sure to download sass compiler like Scout.

Anthony Hind
Anthony Hind
5,715 Points

Hi Hugh,

Thanks for you advice I was hoping to use codekit, Compass and Foundation 5 I will take a look at the references to the css it does look like they are not correct as i said its just a broken layout and not the default standard foundation template.

Whats confusing though is i have watched a couple of video tutorials on this and after they install foundation it just appears to work immediately without any code editing maybe they have done this and not decided to show it.

I will have another look into it and see what happens thanks again.