Проблема с решеткой решетки

Question

Я пытаюсь сделать 2 из большой колонки с 12 колонками, одной большой колонкой 8 и другой большой колонкой 4.

В колонке с 8-ми столбцами, состоящей из 4-х столбцов, таких как большие-3 столбца или маленькие-3 столбца.

Когда я тестирую его, в Chrome все хорошо, но в IE, FF, O все столбцы большого или 3-го столбца выходят из контейнера.

HTML разметка:

<div class="row"> 
        <div class="large-8 small-3 columns">CONTENT</div> 
        <div class="large-8 small-3 columns">CONTENT</div> 
        <div class="large-8 small-3 columns">CONTENT</div> 
        <div class="large-8 small-3 columns">CONTENT</div> 

        <div class="large-4 columns">CONTENT</div> 
</div> 

Я попытался с помощью следующего HTML-разметки:

<div class="row"> 
    <div class="large-8 columns"> 
    <p class="text">bla bla bla</p> 
    <div class="row"> 
     <div class=large-3 columns>CONTENT</div> 
     <div class=large-3 columns>CONTENT</div> 
     <div class=large-3 columns>CONTENT</div> 
     <div class=large-3 columns>CONTENT</div> 
    </div> 
    </div> 
    <div class="large-4 columns">CONTENT</div> 
</div> 

ли разметка правильно?

Я немного превью:

Answer 1

решаемые, я просто должен был добавить width: 100%; на всех изображениях.

Спасибо