Мои 2 колонны складываются в Зурбе.Как я могу отобразить их рядом? - PullRequest
Новая
       14

Мои 2 колонны складываются в Зурбе.Как я могу отобразить их рядом?

0 голосов
/ 19 марта 2019

Я хочу иметь два столбца, однако они, кажется, хотят быть сложенными друг на друга. Я использую последнюю версию загрузки. Почему сетка не является сеткой? 

    <link rel="stylesheet" href="/assets/css/foundation.min.css">
    <link href='/assets/css/foundation-icons.css' rel='stylesheet' type='text/css'>
    <link href='/assets/css/jquery.dataTables.min.css' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="/assets/css/app.css">

        <div class="row">
                <div class="small-12 large-6 columns" style="border:solid 2px black">
                        <p>This is</p>
                </div>

                <div class="small-12 large-6 columns" style="border:solid 2px red">
                        <p>not a love song</p>
                </div>

        </div> <!-- end of row -->

<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/foundation.min.js"></script>
<script src="/assets/js/what-input.js"></script>
<script src="/assets/js/jquery.dataTables.min.js"></script>
<script src="/assets/js/app.js"></script>

1 Ответ

0 голосов
/ 01 мая 2019

По умолчанию в полной сжатой версии Foundation используется новая (ish) XY-Grid.Синтаксис отличается от Float Grid и Flex Grid, которые несколько взаимозаменяемы.В частности, в XY-Grid вместо «row» вы используете «grid-x», а вместо «column» вы используете «cell».Если вы хотите использовать плавающую сетку или гибкую сетку, вы должны выбрать эту опцию перед загрузкой zip-файла со страницы загрузки.Параметры сетки находятся в верхней части страницы.В документе сетки объясняются в разделе «Общие».Flex Grid и XY-Grid имеют более ограниченную поддержку браузера.

...