【问题标题】:Wordpress sage bootstrap not workingWordpress 圣人引导程序不起作用
【发布时间】:2018-07-31 09:17:44
【问题描述】:

我已经使用 bedrock 设置了一个全新的 wordpress 安装,我想使用 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.

【问题讨论】:

    标签: wordpress npm wordpress-theming yarnpkg


    【解决方案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 在源代码中加载。

    【讨论】:

    • 这似乎有效,但是当我尝试制作这样的导航时:codepen.io/Ij888/pen/oWoNep 它总是在所有屏幕尺寸上显示折叠的导航我不知道为什么,因为引导 css 和 js在源代码中加载
    • 你脑子里有&lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;吗?尝试使用 cols 进行基本响应,看看它们是否有效。
    猜你喜欢
    • 2023-04-08
    • 2016-02-02
    • 2014-06-18
    • 1970-01-01
    • 1970-01-01
    • 2021-09-13
    • 2017-03-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多