重新格式化列移动桌面 Bootstrap 3

Reformat columns mobile desktop Bootstrap 3

我正在用 Bootstrap 制作一个网站 3. 我有以下问题:列,然后我有显示的代码。

http://www.bootply.com/WASQQyGR8z

我需要的是改造这种手机模式"attached image",一条线上。怎么可能??

我附上了我现在拥有的代码。

谢谢!

来自西班牙的问候

col-xs 适用于移动设备。使用 col-xs-12 使列在移动设备上全宽。

bootstrap 的文档非常好。你应该看看。 http://getbootstrap.com/css/#grid-options

对于里面的框,您只需使用嵌套的 .row 和 col-xs 类 即可。同样有关于此的很好的文档。 http://getbootstrap.com/css/#grid-nesting

http://www.bootply.com/ktLMvltFVe