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

**URL:** <https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270>\
**Category:** Support\
**Created:** [2024年十月17日 00:48 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270 "2024-10-17T00:48:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)\
**Post date:** [2024年十月17日 00:48 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/1 "2024-10-17T00:48:43Z")

</div>

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

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

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

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

我的社区在这里 [https://hayp.net/，我该如何让居中的三栏响应式？感谢您的建议。谢谢！:pray:](https://hayp.net/%EF%BC%8C%E6%88%91%E8%AF%A5%E5%A6%82%E4%BD%95%E8%AE%A9%E5%B1%85%E4%B8%AD%E7%9A%84%E4%B8%89%E6%A0%8F%E5%93%8D%E5%BA%94%E5%BC%8F%EF%BC%9F%E6%84%9F%E8%B0%A2%E6%82%A8%E7%9A%84%E5%BB%BA%E8%AE%AE%E3%80%82%E8%B0%A2%E8%B0%A2%EF%BC%81:pray:)

---

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [2024年十月17日 02:13 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/2 "2024-10-17T02:13:43Z")

</div>

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:

```css
/* 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;
  }
}

```

---

<div class="post-metadata">

**Author:** ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)\
**Post date:** [2024年十月17日 04:16 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/3 "2024-10-17T04:16:16Z")

</div>

![Ekran Resmi 2024-10-17 07.14.35](https://global.discourse-cdn.com/meta/original/4X/9/5/9/959b81fd58d226164961ebac8194a3e5e3e4302b.jpeg)  
我认为它发生了！但主题内的设计有点意思。这可能是因为那里有 2 列。 😅 非常感谢你的帮助

---

<div class="post-metadata">

**Author:** ![ludwikc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ludwikc/32/438823_2.png) [@ludwikc](https://meta.discourse.org/u/ludwikc)\
**Post date:** [2024年十月17日 09:43 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/4 "2024-10-17T09:43:41Z")

</div>

WOW，看起来太棒了 @MCATAKCIN！

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

---

<div class="post-metadata">

**Author:** ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)\
**Post date:** [2024年十月17日 11:11 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/5 "2024-10-17T11:11:56Z")

</div>

我继续自定义它。

这是主页现在的样子：

 ![Ekran Resmi 2024-10-17 14.04.28](https://global.discourse-cdn.com/meta/original/4X/1/2/b/12be379d37dd174d519507e9bf5df69d68aaa79d.jpeg)

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

 ![Ekran Resmi 2024-10-17 14.04.59](https://global.discourse-cdn.com/meta/original/4X/9/7/a/97ace4a0d8bc60ebe489accc0d0f336f3c05fcf2.jpeg)

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

 ![Ekran Resmi 2024-10-17 14.06.48](https://global.discourse-cdn.com/meta/original/4X/2/3/f/23f3d4d598f2902cab8610e780060a4ea441d6f5.jpeg)

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

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2024年十一月17日 01:28 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/7 "2024-11-17T01:28:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.