Bootstrap grid without padding


Bootstrap grid without padding- We can create our own custom class to override the default behavior such as remove padding, margin etc. Here in this article we are going to explain how you can remove padding from grid in Bootstrap.


Bootstrap grid without padding | Remove Padding Example

You can create your custom class and add the following css to remove padding from column-

Bootstrap Grid Remove Padding Css| Example:

<!---css---->
<style>
.no-padding{
   padding: 0 !important;
   margin: 0 !important;
}
</style>

<!----Html----->
<div class="row">
   <div class="col-sm-6 no-padding">
            Col 1
   </div>
    <div class="col-sm-6 no-padding">
            Col 2
   </div>
</div>

So you can remove padding from any grid column in Bootstrap.


Advertisements

Add Comment

📖 Read More