联系表格 7 复选框

Question

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

Answer 1

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

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

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