Описание тега flexboxgrid
Flexbox Grid - это библиотека для создания макетов сетки с использованием семейства свойств CSS flexbox. Используйте этот тег всякий раз, когда у вас есть вопрос, связанный с использованием библиотеки Flexbox Grid. Flexbox Grid использует те же классы, что и Bootstrap, поэтому могут возникать конфликты. Он предшествует модулю CSS Grid.
0
ответов
Возникла проблема с искажением классов flexboxgrid
У меня возникла проблема при использовании ниже webpack с ниже package.json вызывает flexboxgrid классы, чтобы получить искалеченные как показано ниже. Вот как генерируются некоторые классы при просмотре HTML: flexboxgrid__container-fluid___2lUES fl…
12 авг '17 в 12:25
0
ответов
Bootstrap 4 Flex Box Макет Святого Грааля и рабочий процесс Master/Detail
Работаю над этим слишком долго. Почему COLUMN02 превышает край браузера справа? Любая помощь будет оценена. Большое спасибо! Святой Грааль Демо Подробности: Цель состоит в том, чтобы максимально использовать FLEX BOX без использования сценариев. Так…
14 дек '18 в 20:40
1
ответ
CSS Flexbox Center Элементы с позиционированием
Я пытаюсь расположить 3 элемента в определенном положении с помощью flexbox, и все это по центру по горизонтали и вертикали. Как это: Это то, что я имею до сих пор, что я здесь делаю не так? .container { width: 100%; max-width: 800px; height: auto; …
20 фев '18 в 11:04
1
ответ
Вид позиции внизу (Липкий нижний колонтитул), React Native
У меня есть этот компонент: render() { return ( <ScrollView style={styles.container}> <View style={styles.body}> <View style={styles.LogoContainer}> <Image resizeMode="contain" style={styles.logo} source={require('../../images/l…
11 янв '18 в 17:49
0
ответов
У меня проблемы с горизонтальным центрированием моего h1 с флешбоксом Zurb
Я новичок в flexbox, и я попытался применить align-center к классу строк, но h1 не будет центрироваться. Может ли кто-нибудь помочь мне с этим и объяснить мне, почему центр выравнивания не работает? Вот кодовая ручка Codepen <!doctype html> &l…
15 июл '17 в 23:19
1
ответ
Как использовать flexboxgrid с wicked_pdf?
Мне нужно преобразовать представление.haml в.pdf с помощью wicked_pdf (или другого), проблема в том, что... Я использую flexboxgrid (попробуйте BootstrapGrid раньше, но он не работает), столбцы (.col-xs- *) не работают работать как оно. Должна идея?
05 дек '18 в 18:32
0
ответов
Slickslider внутри Flexboxgrid делает содержание подходящим для слайдов
Как подогнать изображения так, чтобы ничего не обрезалось (представьте себе background-size: contains;) При изменении размера содержимое слайдера должно сжиматься, чтобы оно помещалось горизонтально. Это известная проблема, что слайкслайдер плохо ра…
04 фев '19 в 09:58
1
ответ
Почему отрицательная маржа в.row?
В рамках Flexboxgrid я вижу margin из -1rem на .row учебный класс. В маленьких окнах просмотра это создает небольшую горизонтальную прокрутку контейнера. Поскольку я видел эту отрицательную разницу в других рамках, какова ее цель? Внутренние столбцы…
28 ноя '17 в 11:23
1
ответ
Как складывать div с помощью Flexbox Grid?
Я использую фреймворк http://flexboxgrid.com/. Я хочу, чтобы столбцы были горизонтальными на рабочем столе, но размещались на мобильных устройствах и быстро реагировали. Пример (рабочий стол): Пример (мобильный): <div class="row"> <div clas…
26 фев '17 в 20:42
1
ответ
Flex - это не то, что Flex - любое решение → justify-content: пространство между и полная гибкость вложенных элементов не сосуществуют
Я думаю, что даже если мы посвятили 33% вложенному элементу flex и 67%, например, но если другой элемент недоступен, тогда обсуждаемый элемент занимает 100%, но смотрите здесь → нажмите здесь, даже если вы удалите эту часть → <aside class="main-s…
18 май '17 в 06:08
1
ответ
Flexbox: только строка первого разрыва строки с прокруткой переполнения
В настоящее время я использую строки flex и flex-direction для ряда элементов с фиксированной шириной, что приводит к переполнению и горизонтальной полосе прокрутки, что я и ищу. Однако мне нужно, чтобы первый столбец в этих строках был на всю ширин…
20 апр '18 в 14:51
1
ответ
Изотоп добавить элемент флексбокс сетки
Почти сделано с моим проектом, только одна вещь не работает должным образом. Я использовал Изотоп для удаления элементов, и это прекрасно работает. Элемент удаляется, и следующий элемент перемещается на свое место. Теперь я хочу добавить элементы в …
12 май '17 в 00:23
0
ответов
Можно ли заказать элемент сетки CSS flexbox с помощью nth-child и order?
Я хотел бы изменить порядок элементов сетки (без class или же id), но не могу изменить его, используя nth-child(), Это HTML: <div class='masonry'> <img src='lorem.jpg'> <img src='ipsum.jpg'> <img src='dolores.jpg'> <img sr…
02 окт '18 в 06:57
0
ответов
Невозможно распечатать содержимое строки (столбцы) в одну строку (строку) с помощью flexbox. Изменение размера не работает
Я использую файл flexboxgrid.css, загруженный с http://flexboxgrid.com/ Этот код не отображает столбцы в одной строке, а также при изменении размера изменения отсутствуют. Это просто остается там. Я пробовал это на всех известных браузерах. Кроме то…
02 май '18 в 20:45
1
ответ
Настройка макета с помощью flexbox
У меня есть каркас ниже и я хочу узнать, как лучше всего это кодировать с помощью flexbox, Я кодировал простую систему сетки flexbox, но мой каркас требует большей настройки, чем то, что есть в моей системе сетки. У меня есть родительский div displa…
12 авг '16 в 18:46
1
ответ
Сделать угловой материал Mat-Button-Toggle-Group отзывчивым
У меня есть группа кнопок-переключателей с 6 кнопками-переключателями. На рабочем столе все кнопки должны быть в одной строке. На экранах меньшего размера группа должна разбиваться и отображать 2 строки кнопок следующим образом: Пока это мой код (я …
23 янв '19 в 17:38
1
ответ
Flexbox, как сохранить минимум 2 столбца на 400 пикселей?
https://codepen.io/leon-yum/pen/XYpgzj?editors=1100 Я пытаюсь убедиться, что на мобильном (400px и ниже) моя сетка flexbox придерживается 2 столбцов / коробок. Однако, что бы я ни делал, он либо привязывается к 1 столбцу, либо в каждой строке остае…
09 июн '18 в 17:06
3
ответа
Угловая производительность
Я хочу создать адаптивное приложение с Angular 4. Я проверяю некоторые адаптивные платформы и, конечно, одним из основных вариантов является угловая flex-layout. Я сделал несколько тестовых страниц с угловым flex-layout и увидел, что он не используе…
19 сен '17 в 11:33
1
ответ
Flexbox Grid с равными вложенными рядами между столбцами
Я использую библиотеку CSS сетки Flexbox - flexboxgrid.com и делаю макет из трех столбцов. В этом трехколоночном макете я буду делать вложенные строки в каждом столбце. Я хочу добиться того, чтобы вложенные строки также были равны по высоте всем ост…
26 сен '17 в 12:01
1
ответ
Как добавить изображение при наведении курсора на изображение целевой страницы
Сразу же, я должен извиниться за то, что не знал, как правильно сформулировать мой вопрос. Надеюсь, моя точка зрения встречается в этом описании. У меня есть целая страница, на которой я работаю. То, что я хочу научиться делать, это сделать часть гр…
03 дек '17 в 02:27