【问题标题】:How to change the width for the col-xs bootstrap?如何更改 col-xs 引导程序的宽度?
【发布时间】:2017-08-17 11:40:48
【问题描述】:

嘿,如果我可以更改 col-xs-12 的默认值,我找不到任何地方

我试着把它说出来,但我都坏了……

.col-xs-12 {
	width: 600px;
}

如果您是一名医生,我可以在其中找到非常棒的答案!

谢谢

【问题讨论】:

  • 你需要改变宽度的原因是什么?恐怕您将值设置得如此之高,这确实表明对 Bootstrap 的工作方式存在根本性的误解。
  • 你为什么要改变它?如果您更改了响应式布局,您会遇到一些问题
  • 如果您想要该特定元素的自定义宽度,为什么要使用 col-*。只需相应地使用任何其他类和样式

标签: css twitter-bootstrap width twitter-bootstrap-4 col


【解决方案1】:

你可以这样使用它

<div style="max-width:"600px;margin:0 auto">
<div class="col-xs-12"></div>
</div>

OR 与媒体查询

@media (max-width: 600px) { 
.col-xs-12{
max-width:600px !important;
}
} 

【讨论】:

    【解决方案2】:

    如果您想更改任何 col- 类,请不要更改引导类,只需在该类的相同元素和样式上再添加一个类,并且您的外部 CSS 文件应在引导后加载,因此 css 文件生效 示例:

    <div class="col-xs-12 my-custom-width"></div>
    
    <style>
        .my-custom-width{
           width:600px;
        }
    
    </style>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-07-22
      • 2017-11-23
      • 2017-07-17
      • 1970-01-01
      • 2015-12-27
      • 1970-01-01
      • 1970-01-01
      • 2015-06-23
      相关资源
      最近更新 更多