how to remove space between grid columns

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • smola20
    New Member
    • May 2021
    • 1

    how to remove space between grid columns

    Hello guys.
    Im creating project. I have images that i have in grid bootstrap system, but i dont want space there(highlight ed by green). How can i remove it? Thanks for any advice.


    Code:
    <div class="row text-center">
            <div class="col-lg-4">
              <img class="fluid" src="/prj1.jpg" alt="">
            </div>
            <div class="col-lg-4">
              <img class="fluid" src="/prj1.jpg" alt="">
            </div>
            <div class="col-lg-4">
              <img class="fluid" src="/prj1.jpg" alt="">
            </div>
            <div class="col-lg-4">
              <img class="fluid" src="/prj1.jpg" alt="">
            </div>
            <div class="col-lg-4">
              <img class="fluid" src="/prj1.jpg" alt="">
            </div>
            <div class="col-lg-4">
              <img class="fluid" src="/prj1.jpg" alt="">
            </div>
              
          </div>
  • dev7060
    Recognized Expert Contributor
    • Mar 2017
    • 656

    #2
    I have images that i have in grid bootstrap system, but i dont want space there(highlight ed by green)
    What green?

    Check out bootstrap spacing i.e. margins and paddings in the docs. Also, maximum 12 columns are allowed in a row. Yours add up to 24.

    Comment

    Working...