Bootstrap Remove padding from column


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


Bootstrap Remove padding from column Example

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

Bootstrap Remove padding from column : Example

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

Try it »

If you run the above example it will produce output something like this –

Remove padding from column in bootstrap Example

Tip : Always try to add the(custom css) like this in a separate file which is good practice.

Advertisements

Add Comment

📖 Read More