使用Twitter引导程序 - 我可以更改行和列的顺序吗？

Question

我有两行,每行有三列.第一行包含图像,第二行包含带文本的区域.在桌面浏览器中 - 三列水平对齐 - 每个图像在相应的文本区域顶部对齐.但是,在移动设备上,当然,所有列都堆叠在一起.这使得第一行中的所有图像都显示在彼此之下.然后文本区域以相同的方式跟随.

有没有css方式重新安排我的列？我想将图像及其相应的文本区域堆叠在一起,如下所示:

image1
textArea1
image2
textArea2
image3
textArea3

我有一个jsfiddle设置.

<div class="row">
<div class="span4"> <div class="span4"> <div class="span4">
<div class="row">
<div class="span4"> <div class="span4"> <div class="span4">

没有图像,但你得到了一般的想法.

Answer 1

您是否尝试过将行放入跨度中？

喜欢

<div class="row">
   <div class="span4">
       <div class="row">
          <div class="spanX">...</div>
       </div>
       <div class="row">
           <div class="spanX">...</div>
       </div>
   </div>
 <div>