Twitter Bootstrap是否与渐进增强冲突?

时间:2015-02-08 22:49:01

标签: twitter-bootstrap semantic-markup progressive-enhancement

据我所知,渐进式增强的第一步是以一种简单的设备,例如,一个没有javascript或css功能。在一个特定情况下,我有一些最适合无序列表的信息<ul>,所以这就是我使用的。每个数据项都包含在<li>

但是,当我考虑我的网站的响应方面时,我希望在大中型设备的三列中列出信息。使用Bootstrap这意味着在<div class="col-md-4">周围包裹<li>,但这是不可能的(因为<div>不是<ul>的有效子项。)

鉴于此,我发现自己在考虑每个数据项的<p>个元素,而不是<li>,这在语义方面是一个倒退。

我是否遗漏了某些内容,或者Bootstrap与渐进增强之间是否存在冲突?也许我应该以不同的方式使用Bootstrap?或许我对渐进增强的理解并不完全准确?

1 个答案:

答案 0 :(得分:0)

Bootstrap与渐进增强不兼容,但它确实鼓励您使用元素作为结构而不是语义。

Bootstrap不为每个需要的UX场景提供便利。我不知道多栏无序列表的任何开箱即用的规定。但是,您可以使用以下技术创建自己的引导程序,如:http://csswizardry.com/2010/02/mutiple-column-lists-using-one-ul/