Menu icon Foundation
Foundation 6 class changes

Have been following a Lynda tutorial created in previous foundation version and ran into a couple of problems.
1. Floating a picture to the right, have found the solution to this has been a class change from "right" to "float-right". which leads me to the question, is there a place where all these types of changes are listed?

2. Has a similar thing happened to the "block-grid" function? 
I have entered the below code straight from the tutorial but it is displaying as an ordinary bulleted list.

<ul class="small-block-grid-2 large-block-grid-4">

          <li><img src="img/sfmarket.jpg" alt="Farmer's market. "></li>

          <li><img src="img/sfrocks.jpg" alt="Hot rock massage. "></li>

          <li><img src="img/sfbike.jpg" alt="Biking in San Francisco. "></li>

          <li><img src="img/sfcafe.jpg" alt="Coffee at a cafe. "></li>

        </ul>

Thanks in advance for any help. 

ulclasschanges

Have been following a Lynda tutorial created in previous foundation version and ran into a couple of problems.
1. Floating a picture to the right, have found the solution to this has been a class change from "right" to "float-right". which leads me to the question, is there a place where all these types of changes are listed?

2. Has a similar thing happened to the "block-grid" function? 
I have entered the below code straight from the tutorial but it is displaying as an ordinary bulleted list.

<ul class="small-block-grid-2 large-block-grid-4">

          <li><img src="img/sfmarket.jpg" alt="Farmer's market. "></li>

          <li><img src="img/sfrocks.jpg" alt="Hot rock massage. "></li>

          <li><img src="img/sfbike.jpg" alt="Biking in San Francisco. "></li>

          <li><img src="img/sfcafe.jpg" alt="Coffee at a cafe. "></li>

        </ul>

Thanks in advance for any help. 

Rafi Benkual over 3 years ago

There is a Foundation classes cheat sheet that will be available soon that will help here.

Lot's of class naming changed in v6 to make the Framework more cohesive and semantic.

Block grids are now simplified in F6 and part of the main Grid. You can think of it as parent level sizing.

http://zurb.com/building-blocks/off-canvas-sidebar-component

Instead of a <ul> and <li>'s to create a grid structure, you now define blocks on the row and add columns inside.