Bootstrap Remove margin from column


Bootstrap Remove margin from column : Bootstrap by default adds some margin in columns and other elements.
There are many ways to remove margin from column in bootstrap. Here in this tutorial we are going to create custom class to remove margin from columns. We will explain this with example and demo.


Bootstrap Remove margin from column Example

You can remove margin from column in bootstrap using the following css-

Bootstrap Remove margin from column : Example

<style type="text/css">
.col-no-margin{
margin : 0 !important;
}
</style>

Try it »

You can add this class in any column to remove the bootstrap default margin. If you run the above example it will produce output something like this –

Bootstrap Remove margin from column Example

Tip : Add the above custom css class in any general .css file which will make it more managble.

Advertisements

Add Comment

📖 Read More