html - Bootstrap 3 人像自定义样式 col-md

标签 html css twitter-bootstrap-3 portrait

我正在尝试在 Bootstrap 3 上创建自定义 col-md 属性。我需要的是与其他预定义样式相同的属性,例如:

.col-md-2 {
  width: 16.6667%;
}
.col-md-2 {
  float: left;
}
.col-md-2 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

我想用 width: 20% 创建一个新的,但问题是当我使用一种预定义的 Bootstrap 样式时,比如 col-md-2并在纵向上查看页面,它不使用 width 和 float 属性(真的不知道为什么,我用 firebug 检查了元素,就像我在纵向上查看页面时没有声明 float 和 width 属性一样模式),但是当我声明新的并在纵向上观看它时,它仍然使用宽度和 float 属性并且该元素看起来没有响应。

最佳答案

感谢大家的快速回答!我发现我需要声明 @media min-width 属性,就像它在这个链接上所说的那样:http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/

关于html - Bootstrap 3 人像自定义样式 col-md,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27575613/

相关文章:

css - 滚动条宽度不减

javascript - 当外部链接打开选项卡时,页面滚动到顶部还修复了导航栏

html - 使 Bootstrap 面板内容 div 拉伸(stretch)到其父级的 100%,没有硬编码值

html - (Bootstrap 3) 如果前面有 float 图像,<dl> 列表会中断

javascript - 从自定义提示中获取值(value)

html - Safari 滚动 div 卡住了

html - IE 和 Chrome inline-block css 不同的行为

javascript - 在输入文件上强制单击事件或打开选择文件窗口

html - Bootstrap 导航栏显示不正确

Javascript 更改样式表中的值