如果这些列不响应 CSS，我该如何编辑它们？答案

【问题标题】：How can I edit these columns if they do not respond to CSS?如果这些列不响应 CSS，我该如何编辑它们？
【发布时间】：2017-10-18 18:40:38
【问题描述】：

在tti-fl.com website 上，有几个页面包含这样的列，这些列没有响应 CSS。我已经成功使用了 flex-box，但是这些不响应 .categories-wrapper 或 .content-block 的 flex-box 信息。 Services and Solutions page with columns not responding to CSS

我的问题是，是否因为它们是插件，它们对 CSS 的反应不同，或者它们完全是不同的样式表？我尝试了一种名为.products-wrapper 的方法，但它不起作用。我看到了#secondary li.categories，但我很犹豫是否要使用 flexbox 编辑这些内容。我的问题是他们的 CSS 是否隐藏在我已经看过的 WordPress 模板中？ [多个页面在主页之外有列。]

【问题讨论】：

您正在使用引导程序，因此您的列已经被它控制了。将两者混合起来会遇到问题。要么删除这些列的引导标记/css，要么忘记 flexbox。
寻求帮助的问题（“为什么此代码不起作用或如何使该代码起作用？”）必须包括所需的行为、特定问题或错误以及在问题本身中重现它所需的最短代码。没有明确的问题陈述的问题对其他读者没有用处。请参阅：How to create a Minimal, Complete, and Verifiable example。

标签： jquery css wordpress flexbox

【解决方案1】：

在 style.css 中如下：

.row {
  margin-bottom: 40px;
  display: flex
  flex-direction:column;
}

需要一个;显示后：flex

【讨论】：

我这样做了，但列在网站上消失了，所以我做了flex-direction:row; 和 flex: wrap 但列仍然很小
“非常小”是指高度还是宽度？