css - 如何在 bootstrap 3 中制作固定的 div

标签 css twitter-bootstrap

您好,我需要如下图所示的 CSS 代码:

enter image description here

,用于 Bootstrap 3。

这些列将在 col-md-9 中。我自己做了,但是当屏幕尺寸改变时它看起来不太好。我不是专业人士,请帮忙。

最佳答案

您有针对不同屏幕尺寸的类,这些类使用媒体查询工作。

您可以通过定义要应用到元素的所有类,在任何元素中简单地使用它们!

比如定义一个容器来处理不同的尺寸,就这样:

此示例将显示宽度约为 9、6 或 3 列的 div,具体取决于屏幕尺寸:(使用尺寸类 md、sm 和 xs)

<div class="col-md-9 col-sm-6 col-xs-3">
    My content
</div>

关于css - 如何在 bootstrap 3 中制作固定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20613570/

相关文章:

css - 在所有其他 div 之后放置包含图像 slider 的 div

html - 部分/Div 的重叠

html - 左右两个标签的进度条

html - 打印将基于 Bootstrap 的布局更改为单列模式

css - Div 背景颜色未以 Bootstrap 形式继承

html - Bootstrap awesome 复选框 css 不应用样式

html - 内联 block 元素换行时的CSS,父包装器不适合新宽度

css - 如何在这个 Sprite 上平铺重复的背景?

html - 无法在表格单元格中垂直居中文本

html - react-bootstrap-table 宽度的问题