Описание тега grid-system
Сетка - это структура с очень богатой историей, которая используется для выравнивания негативного пространства в вашем дизайне. Использование сетки создает естественный вид контента на вашей странице и позволяет быстро настраивать макеты, не назначая определенные размеры непосредственно элементам контента, что позволяет быстро создавать прототипы и создавать дизайн страницы.
3
ответа
SCSS/SASS: как динамически генерировать список классов с разделением их запятыми
Я работаю с синтаксисом SCASS SASS, чтобы создать динамическую сеточную систему, но я столкнулся с проблемой. Я пытаюсь сделать систему сетки полностью динамической, как это: $columns: 12; Затем я создаю столбцы, как это: @mixin col-x { @for $i from…
30 сен '13 в 06:35
3
ответа
Угловая гибкая сетка
Нажмите, чтобы посмотреть прикрепленное изображение Я хочу сделать экран как прикрепленное изображение, но получаю некоторые проблемы. Мой код работает нормально для малых и больших устройств, но для средних устройств не работает нормально. Так мож…
06 мар '18 в 09:22
1
ответ
Лучшие практики Bootstrap для вложенных грид-систем
Я пытаюсь создать сайт с помощью начальной загрузки и без внешнего CSS. Кажется, я могу достичь многих целей форматирования, используя вложенные сеточные системы. бывший <div class="container-fluid bs-docs-grid"> <div class="row show-grid"&…
16 апр '14 в 21:25
1
ответ
Сетка - панели с разной высотой
Я хотел бы получить обзорную страницу с несколькими панелями, автоматически выстраивающимися одна за другой. Мой текущий результат можно увидеть на этом изображении: Что мне нужно сделать, так это то, что третья нижняя левая панель поднимается и выр…
20 мар '16 в 11:31
2
ответа
Входные элементы переполняют ячейки системы сетки начальной загрузки?
Вот пример на jsbin Я пытаюсь использовать систему сетки начальной загрузки и обнаруживаю, что входные элементы перекрывают ячейки сетки. Есть ли что-то, что я должен сделать, чтобы предотвратить это? Вот HTML: <div class="container"> <div…
19 авг '13 в 02:18
2
ответа
Django CMS - система сломанной сетки Aldryn Bootstrap
Недавно я начал разрабатывать веб-сайт с использованием Django CMS. Все идет отлично, кроме сломанной системы сетки, при использовании Alrdyn Bootstrap. Все остальные компоненты работают нормально, но система сетки не будет соответствовать настройка…
17 окт '17 в 12:22
1
ответ
Невозможно переопределить начальную загрузку col-md width
Я пытаюсь переопределить ширину col-md-4. Если я сразу перейду к файлу начальной загрузки и отредактирую приведенный ниже код, он будет работать. Но когда я открываю новый файл CSS и вставляю коды ниже и переопределяю ширину, это не работает. Зачем?…
18 июл '14 в 04:11
1
ответ
Как я могу уменьшить количество циклов до одной вспомогательной функции?
Контекст: Платформа, на которой мы разрабатываем, требует использования модифицированной версии 960gs, которую мы можем легко переопределить (аналогично тому, как дочерние темы работают в WordPress). Около года назад мы перешли на LESS с намерением …
17 сен '14 в 16:18
0
ответов
Система сетки фундамента не работает внутри ТД
У моей веб-страницы есть таблица, и для одного элемента я должен применить свойство сетки фундамента. Я должен разделить строку на два столбца размером 10 и 2. Первый столбец - это поле ввода, а второй - значок выпадающего меню, но когда я пытаюсь э…
11 сен '15 в 08:39
0
ответов
Использование неупорядоченных списков для карточек - как включить сеточные системы
То, как я использовал для создания и размещения карт (или коробок услуг), было создание карты внутри элемента div, как это <div class="card"> <img class="card__img"></img> <h3 class="card__title">Sample heading<h3> <…
12 мар '18 в 11:42
2
ответа
Динамические строки в Bootstrap
У меня есть 8 изображений для отображения в сетке Bootstrap. Спасибо, что код: <div class="row"> <div class="col-sm-3"> <img class="img-responsive" src="img/img1.png"> </div> <div class="col-sm-3"> <img class="img-re…
14 дек '15 в 16:33
1
ответ
Как реализована система жидкостных сетей, каков ее принцип?
Я только начал изучать css, bootstrap - самый популярный css RWD framework. Мне просто интересно, как реализована система жидкостной сетки?? И я случайно узнал стандартную разметку wip w3c css. Это та же концепция, что и сетка? Делает ли она всю биб…
21 апр '16 в 13:27
1
ответ
Как сделать желоб между столбцами в сетке CSS
Кто-нибудь знает, как сделать 20px или же 1em желоб для системы сетки ниже? Я получил все divЧтобы все шли подряд, но я хочу знать, как добавить желоб между ними. Я делаю это, чтобы узнать, как создаются сетки. jsFiddle Здесь. body { font:20px/1.2 V…
05 мар '14 в 07:42
1
ответ
Свертывание боковой панели начальной загрузки
Я новичок в Bootstrap и у меня есть небольшая проблема с пониманием того, как работает система сетки. Изначально у меня есть следующий код для страницы с боковой панелью: <div class="row"> <div class="sidebar col-xs-3"> <div class="we…
08 сен '16 в 10:42
1
ответ
Есть ли способ изменить класс col-md в зависимости от количества элементов в Angular?
Я хочу автоматически настроить параметры начальной загрузки, что я подразумеваю под "Автонастройкой", чтобы динамически создавать сетку в зависимости от количества отображаемых элементов. Я получил следующий HTML-код: <div class="vertical-center"…
15 ноя '15 в 20:03
2
ответа
Где я могу найти только адаптивную сетку
Я начал новый проект, и мне нужна (только) адаптивная сетка для макета.Я пытался с http://www.responsivegridsystem.com/ этой сеточной системой, и это нормально, но она добавляет некоторые классы для входных данных и другие элементы, которые мне не н…
13 апр '14 в 13:36
0
ответов
Схема системы Bootstrap 4 не работает в Safari
Просто откройте эту ссылку с Firefox или другой, а затем с Safari. https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_grid_ex&stacked;=h код: <div class="container-fluid"> <h1>Hello World!</h1> <p>Three equal width…
25 ноя '17 в 13:19
2
ответа
Сетка основания Zurb переместить последний столбец влево
Я пытаюсь найти хороший способ использовать сетку, не взламывая ее вообще. То, что я хочу сделать, это три широких сетки (иначе small-4 на каждом) в верхнем ряду, а затем во втором ряду я хочу, чтобы столбцы совпадали, но только с двумя small-4 элем…
28 фев '14 в 19:31
1
ответ
Сетка SASS БЕЗ кромочных желобов
Я ищу систему сетки sass, которая не имеет краевых желобов, то есть нет левого желоба, примененного к первому столбцу, и правого желоба, примененного к последнему столбцу. Обычно вы можете просто использовать:first-child /:last-child для удаления же…
20 мар '14 в 17:14
1
ответ
Responsive Grid System Как изменить размер до 960px
Я использовал эту систему сетки. Но его ширина почти равна 1000 пикселей, я хочу изменить размер до 960 пикселей, но я не знаю, как это сделать. Я также попытался дать body{width:960px; margin:auto;} но на этот раз я потерял основную идею отзывчивос…
16 ноя '13 в 08:46