css - MVC5 必须为 Bootstrap 添加 div 标记，我们可以使用 css 代替吗

Question

我们正在使用 MVC5 构建响应式网站。一位加入该团队的开发人员指出，我们正在向我们的 cshtml 页面添加标记以支持响应式设计。他认为我们真的应该只向我们的元素添加 css 类，然后让样式表负责布局。

目前我们正在向 cshtml 类中添加围绕控件的代码部分，例如。

 <div class="row">
      <div class="form-group col-md-6">
            @Html.LabelFor(model => model.TypeId)
            @Html.EditorFor(model => model.TypeId)
            @Html.PeritoValidationMessageFor(model => model.TypeId)
      </div>
 </div>

我想我的问题是 - 如果我想要一个响应式设计，我需要添加 div 还是有一些方法可以将 css 类应用于我的控件？

我们将坚持使用 Bootstrap 进行响应式设计，除非相对直接，否则不会改变当前的方法。

谢谢

jack

Answer 1

将评论移至答案:

“如果我想要一个响应式设计，我需要添加 div 还是有一些方法可以将 css 类应用于我的控件？”

Bootstrap 需要特定的类层次结构才能使其 CSS 正常工作，因此需要额外的 div。创建 Bootstrap 响应式布局需要做大量工作。单靠 CSS 无法实现 Bootstrap 轻松提供的响应式设计类型(您可以为每个视口(viewport)尺寸硬连线样式，但最终会比开始时弄得一团糟)。

基本上，如果您删除这些 div，您将无法按照 Bootstrap 期望的方式控制列和布局。您将不得不为整个页面创建自定义 CSS 样式，为每个尺寸，这首先违背了使用 Bootstrap 的目的。

回答: 告诉您的设计师，虽然理论上样式与内容完全分离很好，但 Bootstrap 并不是这样工作的:)