在一个月内我接近1000名会员，但我缺少一件事！

[MCATAKCIN]

2个月前我还在使用 Xenforo，我说受够了。

Discourse 让我非常兴奋。我无法充分表达我对类似 Reddit 的主题的喜爱。我以为我找到了我想要的爱情。

但我不是非常专业，一个月来我都没能做出我想要的改变。

我想让这个三栏主题看起来像 Twitter（因为我的会员来自 Twitter）。所以居中的三栏应该等距。我实际上是在说一个狭窄的设计。

我的社区在这里 https://hayp.net/，我该如何让居中的三栏响应式？感谢您的建议。谢谢！:pray:

[denvergeeks]

As I see your site right now, the three columns are responsive.

But if what you want is for the 3 columns to shrink in place as you narrow the window (except in mobile of course), you could try this:

/* Container to hold the 3 columns */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Adjust space between columns if needed */
}

/* Each column */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* Light background for visibility */
  border: 1px solid #ddd; /* Optional border */
  box-sizing: border-box; /* Ensure padding is included in width */
}

@media (max-width: 768px) {
  /* Stack columns on smaller screens */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}

[MCATAKCIN]

我认为它发生了！但主题内的设计有点意思。这可能是因为那里有 2 列。 非常感谢你的帮助

[ludwikc (Ludwik C. Siadlak)]

WOW，看起来太棒了 @MCATAKCIN！

您有没有想过将其提交到主题库？

[MCATAKCIN]

我继续自定义它。

这是主页现在的样子：

这是主题页面现在的样子：

我无法完全按照我想要的方式制作主题页面。在类似 Reddit 的主题中，自定义的右侧边栏不会显示在主题中。我该如何像 Twitter 那样显示它？@awesomerobot

即使这个主题是为 Reddit 制作的，但要为 Twitter 自定义它也非常容易！