CODEWITHSUNDEEP
csstwitter-bootstrapwidthtwitter-bootstrap-4col
Jackal
Jackal

Reputation: 1181

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

Hey I find nowhere if I can change the default value of col-xs-12

I tried to put that but I all broken...

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

If you are a doc where I can find the answer that will be really awesome !

Thx

Upvotes: 0

Views: 5592

Answers (2)

Tariq Javed
Tariq Javed

Reputation: 481

You can use it this way

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

OR with media queries

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

Upvotes: 1

Marko.dev
Marko.dev

Reputation: 328

Never Change Bootstrap classes if you want to change any col- class simply add one more class on same element and style that class, and your external CSS file should be loaded after bootstrap, so the css file has effect Example:

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

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

</style>

Upvotes: 2

Related Questions