【发布时间】：2015-04-08 15:11:57
【问题描述】：
我了解渐进式增强的第一步是以在简单设备上有意义的方式布置信息，例如一种没有 javascript 或 css 功能。在一个特殊情况下，我有一些最适合无序列表的信息，<ul>，所以这就是我使用的。每个数据项都包含在 <li> 中。
但是，当我考虑我的网站的响应方面时，我希望在中型和大型设备的三列中列出信息。使用 Bootstrap 这意味着将 <div class="col-md-4"> 包裹在每个 <li> 周围，但这是不可能的（因为 <div> 不是 <ul> 的有效子代）。
有鉴于此，我发现自己在为每个数据项考虑 <p> 元素，而不是 <li>，这在语义方面将是一个倒退。
我是否遗漏了什么，或者 Bootstrap 和渐进增强之间是否存在冲突？也许我应该以不同的方式使用 Bootstrap？或者我对渐进增强的理解并不完全准确？
【问题讨论】：
-
投票结束，因为这里没有讨论特定的编程问题。
-
优雅降级是当今流行的替代方案。
-
每个工具都有一个视角，一个观点。在评估可用工具时，您应该考虑该工具的优先级是否与您的优先级一致（即它是否按照您的意愿行事，还是您将不得不与之抗争？）。现在我不能具体说明 Bootstrap 的能力（或不能）是否符合渐进增强的理念，但我可以说它确实在其组件的设计中做出了某些假设（如 JS 可用性）。另外，请记住，Bootstrap 的最初目的是能够创建原型，而不是建立生产站点。
-
@MartinBean 我强烈反对，因为这个问题没有具体的编码问题并不意味着它不属于这个网站。
-
@Dnwebdev 我和你在一起。马丁比恩错了。 HTML 是一种编程语言，而渐进增强是一种特殊的设计模式。发帖人清楚地描述了他为使他的无序列表在渐进增强设计模式中工作而尝试的解决方案，并要求提供特定的解决方案。也许问题中唯一的错误是标题不够具体。
标签： twitter-bootstrap semantic-markup progressive-enhancement