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

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,148 Points
Kevin Korte
Kevin Korte
28,148 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,117 Points
Jacob Mishkin
Jacob Mishkin
23,117 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...