CODEWITHSUNDEEP
htmlcsspanelbootstrap-4col
lucacatr
lucacatr

Reputation: 101

bootstrap panel space between columns

I have this page:

http://www.nuzoo.it/it/prodotti-robot/raro-robot-videosorveglianza-mobile

and I want to remove space between the panels in "Funzionalità" section. Every panel has this code:

#bor_panel {
border-radius: 12px;
border: 2px solid #287396;
padding: 20px;
width: 170px;
height: 170px;
display: flex;
 }

#bor_panel span {
 margin: auto;
 display: none;
 }

 #bor_panel:hover img {
  display: none;
 }

 #bor_panel:hover span {
  display: inline;
 }

I have already tried "margin-left/right:0", "padding-left/right:0", "margin:0", "no-gutter" but nothing change...any idea? Thanks

------EDIT-------

I would this:

https://i.sstatic.net/VC7D1.jpg

Upvotes: 0

Views: 496

Answers (1)

syberen
syberen

Reputation: 679

Add a class "no-gutters" to the row http://getbootstrap.com/docs/4.0/layout/grid/#no-gutters

Upvotes: 1

Related Questions