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

标签 twitter-bootstrap twitter-bootstrap-3 liferay-theme

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

http://www.bootply.com/WASQQyGR8z

desktop mode

我需要的是转换这种移动模式“附加图像”,它全部在一行上。怎么可能?

desktop mobile

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

谢谢!

来自西类牙的问候

最佳答案

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

关于twitter-bootstrap - 重新格式化列移动桌面 Bootstrap 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35622138/

相关文章:

css - Glyphicon 有时显示有时不显示在我的页面中

html - 使用 CSS 在 div 中包装数据表分页控件

html - iPhone 不允许输入文本对 HTML 表单是可写的

java - 在 liferay 6.1.1 中部署主题没有反射(reflect)出任何变化

ruby-on-rails - Rails,带有嵌套 HTML 的标签,使用 FormBuilder 和 Devise,带有 Bootstrap 标记

javascript - 使用 Bootstrap 创建响应式标签(它们应该在较小的屏幕上自动堆叠)

java - 现有 webapp 的 GWT Bootstrap 响应式设计与屏幕

css - 如何拥有一个不调整按钮大小的容器? CSS Bootstrap3 响应式

node.js - Liferay主题创建: Error During gulp build and gulp deploy

java - 左侧导航菜单 :Liferay 6. 2