如何更改col-xs引导程序的宽度？

Question

嘿，如果我可以更改col-xs-12

的默认值，我无处可寻

我试着说，但我都破了...

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

如果您是一名医生，我可以找到真正棒极了的答案！

THX

Answer 1

如果你想更改任何col-类，只需在同一个元素上添加一个类并设置该类的样式，并且在引导程序之后加载外部CSS文件，那么永远不要改变Bootstrap类，所以css文件有效 例如：

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

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

</style>

Answer 2

你可以这样使用

<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;
}
}