实现了响应式设计的引导程序,但现在输入要求与附加的 jsfiddle 中的一样。系统输入来自表格布局,用户可以在 col span 和 row span 中添加元素,但是当我将其转换为基于 Div 的响应式设计时,它不起作用。我尝试了 div 解决方案,但使用了绝对位置,它不适用于响应式设计。将基于表格的布局的列跨度、行跨度转换为引导响应式设计的任何帮助
谢谢,
>
HTML:
<div class="col-span">1</div>
<div class="left row-span">3</div>
<div class="middle">4</div>
<div class="row-span " style="top=0px; left: 240px;">2</div>
<div class="right col-span " style="top:240px; left:120px;">5</div>
CSS:
div{
position:absolute;
height:100px;
width: 100px;
border: 2px solid #CCCCCC;
float:left;
top:0px;
/*display:inline-block;*/
}
.right{
position:absolute;
background-color:Yellow;
}
.left{
background-color:Red;
top:120px;
}
.row-span{
height:200px;
}
.col-span{
width:200px;
}
.row{
border:none;
width:220px;
}
.middle{
top:120px;
left:120px;
}