Wordpress sage bootstrap не работает
Я установил новую установку wordpress с помощью bedrock и хочу создать тему, используя рабочий процесс sage.
Я установил все правильно и успешно запустил yarn build.
Теперь, когда я пробую что-то очень простое в своем теле, например:
<div class = "container-fluid">
<row>
<div class = "col-md-4">col1</div>
<div class = "col-md-4">col2</div>
<div class = "col-md-4">col3</div>
</row>
</div>
На самом деле, похоже, это не работает, я просто получаю 3 div друг под другом, а не в сетке начальной загрузки.
Когда я проверяю элемент, я вижу правильные классы css и прочее.
Во время настройки sage я выбрал загрузку в Bootstrap, поэтому я не уверен, почему он не работает.
Which framework would you like to load? [Bootstrap]:
[0] None
[1] Bootstrap
[2] Bulma
[3] Foundation
[4] Tachyons
> 1
Are you sure you want to overwrite the following files?
- scripts/autoload/_bootstrap.js
- styles/autoload/_bootstrap.scss
- styles/common/_variables.scss
- styles/components/_comments.scss
- styles/components/_forms.scss
- styles/components/_wp-classes.scss
- styles/layouts/_header.scss
(yes/no) [no]:
> yes
Done.
Ответы 1
это должно быть так
<div class = "container-fluid">
<div class = "row">
<div class = "col-md-4">col1</div>
<div class = "col-md-4">col2</div>
<div class = "col-md-4">col3</div>
</div>
</div>
убедитесь, что исходный код bootstrap.css загружается.
У вас в голове <meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no">? Попробуйте базовый отзыв с помощью cols, чтобы проверить, работают ли они.
Кажется, это работает, но когда я пытаюсь сделать такую навигацию, как это: codepen.io/Ij888/pen/oWoNep, она всегда показывает свернутую навигацию на всех размерах экрана, я не знаю почему, так как оба загрузочных css и js загружаются в исходный код