Bootstrap 4 flex grid system только

Question

Итак, в bootstrap3 у нас была опция «Настроить и загрузить», которую мы могли скачать только в том случае, в котором мы нуждались. Теперь, когда bootstrap 4 поддерживает flexbox, я только хочу загрузить гибкую сетчатую систему bootstrap 4, и я больше не вижу этот вариант. Есть какой-либо способ сделать это ?

Answer 1

На данном этапе Альфа, вы можете переключаться между истина/ложь для использования Flexbox (при использовании CSS препроцессор) в соответствии с bootstrap V4 Alpha docs

поддержки Flexbox, наконец, прийти к Bootstrap. Входите в новый стиль стилей CSS с щелчком переменной или свопом таблицы стилей .

How it works:

Если вы знакомы с изменения переменных в Sass или любой другой CSS препроцессор-вы будете иметь право на дому, чтобы перейти в режим Flexbox.

1. Открыть файл _variables.scss и найти переменную $enable-flex.
2. Изменить его от false до true.
3. Перекомпилируйте, и все!

В качестве альтернативы, если вам не нужны исходные файлы Сасс, вы можете поменять по умолчанию Bootstrap CSS скомпилирован с собранным изменением Flexbox . Head to the download page для получения дополнительной информации.

Answer 2

В будущем могут быть настраиваемые загрузки, но единственный способ включить переменную $enable-flex. Вот пример использования SASS.

$enable-flex:true;

http://codeply.com/go/JbGGN4Ok3A

UPDATE: На Bootstrap 4 альфа 6, Flexbox теперь по умолчанию: http://www.codeply.com/go/p/bootstrap_4.0.alpha.6

Answer 3

Во время ответа на этот вопрос, если вы загрузите скомпилированный .zip found here, он поставляется с папкой css, которая имеет три таблицы стилей,

• bootstrap-grid.css
• bootstrap-normalize.css
• bootstrap.css

Файл bootstrap-grid имеет только CSS сетки и ничего другого, что является то, что вы ищете.

Answer 4

Вы всегда можете перейти на страницу их Github и получить только файл сетки CSS:

https://github.com/twbs/bootstrap/tree/v4-dev/dist/css

Если вам нужно перемещаться вручную, то в папке расстояние/CSS.

Answer 5

, если вы просто хотите использовать гибкую сетку. Я рекомендую

https://www.flexible-grid.com

https://github.com/kenangundogan/flexible-grid

flexible-grid/ 
    ├── scss 
     ├── flexible-grid.scss 
     ├── _variables.scss 
     ├── _definitions.scss 
     ├── _wrapper.scss 
     ├── _array-list.scss 
     ├── _attribute.scss 
     ├── _grid.scss 
     └── _normalize.scss