如何更改 col-xs bootstrap 的宽度？

Question

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

我试着放那个但是我都坏了...

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

如果你是一名医生，我可以在其中找到答案，那就太棒了！

感谢

Answer 1

你可以这样使用

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

或使用媒体查询

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

Answer 2

永不更改 Bootstrap classes 如果您想更改任何 col- class 只需在与 class，而你的外部 CSS 文件应该在 bootstrap 之后加载，所以 css 文件有效示例：

<div class="col-xs-12 my-custom-width"></div>

<style>
    .my-custom-width{
       width:600px;
    }

</style>

How to change the width for the col-xs bootstrap?