Как показать линии сетки с помощью CSS?

Question

Я использую getskeleton.com для отзывчивого веб-сайта, и я пытаюсь показать линии сетки в фоновом режиме примерно так: http://nimb.ws/fTE2AR или http://fearonhay.com/residential/courtyard-house. Какой был бы лучший способ добиться этого?

Answer 1

Попробуйте это - по крайней мере, он поместит вас на правильный путь. Вы, скорее всего, позиционируете это фиксированное или абсолютное в зависимости от того, что вы хотите. Gl hf.

<style> 
     .grid-line{ 
      border: 1px solid black; // try border-left and border-right 
      height: 999px; 
      // play with positions - fixed ect.. 
     } 
    </style> 

<div class="container"> 
    <div class="row"> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
    </div> 
</div>