Bootstrap 3 Horizontal and Vertical Divider

Question

I am having trouble to put in horizontal and vertical lines on my website. Not sure what\'s wrong with this.

I tried using borders but I am not sure if I am doing it rig

Answer 1

Add the right lines this way and and the horizontal borders using HR or border-bottom or .col-right-line:after. Don't forget media queries to get rid of the lines on small devices.

.col-right-line:before {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: @color-neutral;
}