Wordpress 圣人 bootstrap 不工作
Wordpress sage bootstrap not working
我已经使用 bedrock 设置了一个全新的 wordpress 安装,我想使用 sage 工作流程构建一个主题。
我已经正确安装了所有内容,并且 运行 成功 yarn build
。
现在,当我在我的 body 中尝试一些非常简单的事情时,就像这样:
<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>
它实际上似乎没有用,我只是在彼此下方而不是在 bootstrap 网格中得到 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.
应该是这样的
<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 正在加载源代码。
我已经使用 bedrock 设置了一个全新的 wordpress 安装,我想使用 sage 工作流程构建一个主题。
我已经正确安装了所有内容,并且 运行 成功 yarn build
。
现在,当我在我的 body 中尝试一些非常简单的事情时,就像这样:
<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>
它实际上似乎没有用,我只是在彼此下方而不是在 bootstrap 网格中得到 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.
应该是这样的
<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 正在加载源代码。