Html 使用引导功能以响应方式并排设置复选框

我想并排设置复选框，以直观地表示某些内容。它在我的网站上看起来不错，但在尝试调整大小或在iPad上时会崩溃。我可能犯了一个愚蠢的错误，但我希望对我的代码进行任何更正

艺术
戏剧
食物和营养
地理
工业艺术/商店计划
数学
音乐
技术
科学类
体育/健康

您可以尝试为带有class

复选框的div赋予以下属性：

.checkbox {
width:250px;
float:left;
}

您可以随意调整宽度，使其适合您的需要。
这是小提琴：

.checkbox {
width:250px;
float:left;
}