Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Posted by john larson
john larson
16,594 Points

Is this code bootstrap or sass or some other framework?

//I keep seeing this "grid-100"
//and other things like it
//in various palces

<div class="grid-container centered">
    <div class="grid-100">
      <div class="contained">
        <div class="grid-100">
          <div class="heading">
            <h1>Flickr Photo Feeder</h1>
            <p>Choose which kind of animal you'd like to return photos of...</p>
          </div>
          <ul class="filter-select">
            <li><button>Dog</button></li>
            <li><button>Cat</button></li>
            <li><button>Moose</button></li>
          </ul>
        </div>

4 Answers

Kevin Korte
Kevin Korte
28,109 Points
Kevin Korte
Kevin Korte
28,109 Points

Not knowing the bigger source of this,

It's likely the unsemantic framework, with some custom classes thrown in, which would be very common.

http://unsemantic.com

Steven Turturo
Steven Turturo
6,890 Points
Steven Turturo
Steven Turturo
6,890 Points

It's not bootstrap, and it definitely isn't SASS ( which isn't a framework, but a different way of creating stylesheets with variables where regular CSS doesn't allow variables or mixins). It could be a different framework, or custom code. If its from the exercises in Treehouse then it might be from their design team.

Jacob Mishkin
Jacob Mishkin
23,103 Points
Jacob Mishkin
Jacob Mishkin
23,103 Points

Its ether two things, 1. a custom grid that the dev created, or 2. That class name is used with a framework that we haven't see before.

Carlos José
PLUS
Carlos José
Courses Plus Student 12,431 Points
Carlos José
Carlos José
Courses Plus Student 12,431 Points

Grid 100 seem to be the same as 12 in bootstrap, as 12 is 100% of width. Maybe they divide the Grid in fifths or 20th's or 10th's the computer won't slap anyone for doing things differently instead it gets happy and playful XD Like ol' friends giving bugs, just kiddin'.

john larson
john larson
16,594 Points

lol! bugs...