October 26, 2017

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.

Add Comment

📖 Read More

1. Bootstrap Add Space Between Rows
2. Bootstrap create column height same
3. Bootstrap Add Text Align in Table Column
4. Bootstrap hide modal JavaScript
5. Bootstrap enable scroll bars