联系表格 7 复选框

Question

我正在为 Wordpress 和联系表格 7 插件使用 Divi 主题。我有一个带有 4 个复选框的表单。我需要在两列中对齐并且我需要它们能够响应，以便它也可以在两列中显示在手机上。 问题是我在 css 中尝试了我所知道的一切来实现它，我可以为台式机和笔记本电脑尺寸做到这一点，但不能让它在移动设备上工作。我尝试将复选框放在单独的 div 中，它们都有 50% 的宽度，将它们左右对齐，但它们总是出现在另一个下方，只是在不同的一侧。你能帮忙或给我一些提示和指示吗？ 这是网站 link www.debtanxiety.com

Answer 1

将复选框包装在单独的容器中并将这些样式规则应用于这些容器。

.checkbox-container {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}

为了提高美观，您可以添加填充和边距。确保对宽度进行必要的调整以适应这些变化。