html - 自举比对

标签 html twitter-bootstrap css

我是 Bootstrap 的新手。在这里我无法弄清楚如何使用 Bootstrap 实现这种布局对齐。我试过但没能做到这一点,谁能帮我做到这一点!

这是我想要实现的目标:

enter image description here

在这里,有两个并排的框,左边的框(带有文本的绿色)和右边的框有 youtube 视频。当你调整它的大小时,那个绿色框应该像堆栈一样到视频框的顶部。绿色框内的文本应垂直和水平居中对齐。

最佳答案

您可以为不同的窗口大小使用不同的 CSS 定义。
看这里:http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
在这里:http://getbootstrap.com/css/#grid-media-queries
和这里(匹配您的问题的示例):http://learnlayout.com/media-queries.html

关于html - 自举比对,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37983540/

相关文章:

html - 打印网页时在链接后显示网址

html - 使用 css 正确模拟 "ribbon"边界的问题。我该如何纠正它?

jquery - 如何重新渲染 Owl Carousel 元素?

javascript - 在 mdl 模板上 Bootstrap scrollspy

jquery - 如何在 Bootstrap 缩略图类中修复特定媒体屏幕的图像大小?

jquery - 显示一个剪裁的 div

html - 评估 YUi 和 BackBone

html - 网络抓取的新手 - 是否可以使用路径定位 css 图像?

jquery - Bootstrap X-可编辑、文本区域的清除按钮

python - Web2py:自定义表单的自定义 CSS 类