html - 如何在 bootstrap 3 轮播中对齐多列?

标签 html css twitter-bootstrap

一段时间以来,我一直在绞尽脑汁想弄清楚这个问题。我想要的是在旋转木马的左侧显示我的特色图片,在右侧显示相关文本。我创建了一个模型来向您展示我的意思。

Carousel mockup photoshop

我可以让它在普通的 macbook 风格显示器上看起来像我想要的那样,但是当我调整浏览器大小时,图像似乎不尊重它的上边距并且超出了导航栏。此外,图像和号召性用语在较小设备上的比例超过了人字形指示器。

我将这两个元素放在 12 列中的原因是因为我希望它们在小型设备上彼此堆叠,然后我将在较大的断点处定义不同的 css。

感谢任何帮助。我的 bootply 在这里:

http://bootply.com/98845

最佳答案

好吧,为了并排堆叠它们,您需要给它们每 6 列的跨度或根据需要,但总和必须为 12。

http://bootply.com/98848

关于html - 如何在 bootstrap 3 轮播中对齐多列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20414397/

相关文章:

jquery - Bootstrap scrollspy 工作起来很奇怪

html - 图像高分辨率不调整大小以适合 div

html - 缩放和缩放 css 背景图像

javascript - 使用JS和SCSS的导航动画,你能告诉我哪里错了吗?

html - 如何仅通过 Css 设置悬停时检查的输入状态?

css - 如何使用 Tailwind CSS 将宽度设置为超过 100%

javascript - Bootstrap 日期选择器不隐藏

javascript - 我应该停止使用 HTML 事件处理程序属性吗

HTML 文本区域水平滚动

CSS 根据关键变量调整大小