据我所知,渐进式增强的第一步是以一种简单的设备,例如,一个没有javascript或css功能。在一个特定情况下,我有一些最适合无序列表的信息<ul>
,所以这就是我使用的。每个数据项都包含在<li>
。
但是,当我考虑我的网站的响应方面时,我希望在大中型设备的三列中列出信息。使用Bootstrap这意味着在<div class="col-md-4">
周围包裹<li>
,但这是不可能的(因为<div>
不是<ul>
的有效子项。)
鉴于此,我发现自己在考虑每个数据项的<p>
个元素,而不是<li>
,这在语义方面是一个倒退。
我是否遗漏了某些内容,或者Bootstrap与渐进增强之间是否存在冲突?也许我应该以不同的方式使用Bootstrap?或许我对渐进增强的理解并不完全准确?
答案 0 :(得分:0)
Bootstrap与渐进增强不兼容,但它确实鼓励您使用元素作为结构而不是语义。
Bootstrap不为每个需要的UX场景提供便利。我不知道多栏无序列表的任何开箱即用的规定。但是,您可以使用以下技术创建自己的引导程序,如:http://csswizardry.com/2010/02/mutiple-column-lists-using-one-ul/