Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to add a border to Zurb Foundation grid columns?
    primarykey
    data
    text
    <p>I just tried adding a border to my foundation grid columns, and found the code has no effect. Have tried searching for an answer, and implementing alternative techniques, and for some reason nothing's working. Below is the code I'm using (using inline styling for example purposes, not present in actual code!).</p> <pre><code>&lt;div class="large-4 columns" style="border-color: #466d98; border-width:10px;"&gt; &lt;h2 class="subheader"&gt; Lorem Ipsum &lt;/h1&gt; &lt;img src="img/cloud.png"&gt; &lt;p&gt; consectetur adipiscing elit. Suspendisse a venenatis quam, et sagittis quam. Aenean vehicula euismod ipsum, eget blandit libero auctor nec. Nulla eget purus ut nunc lacinia dignissim. Vestibulum feugiat porta cursus. Curabitur posuere mollis massa quis mollis. Suspendisse ac luctus est, nec vestibulum dolor. Suspendisse potenti. Vivamus egestas vestibulum ante egestas adipiscing. In hac habitasse platea dictumst. Etiam eros orci, bibendum ut ultricies quis, mollis ut dolor.&lt;/p&gt; &lt;/div&gt; </code></pre> <p>I've tried this method too (not bordering the columns themselves, but adding a bordered div inside them):</p> <pre><code>&lt;div class="large-4 columns"&gt; &lt;div style="border-color: #466d98; border-width:10px;"&gt; &lt;h2 class="subheader"&gt; Lorem Ipsum &lt;/h1&gt; &lt;img src="img/cloud.png"&gt; &lt;p&gt; consectetur adipiscing elit. Suspendisse a venenatis quam, et sagittis quam. Aenean vehicula euismod ipsum, eget blandit libero auctor nec. Nulla eget purus ut nunc lacinia dignissim. Vestibulum feugiat porta cursus. Curabitur posuere mollis massa quis mollis. Suspendisse ac luctus est, nec vestibulum dolor. Suspendisse potenti. Vivamus egestas vestibulum ante egestas adipiscing. In hac habitasse platea dictumst. Etiam eros orci, bibendum ut ultricies quis, mollis ut dolor.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Neither approach works. I'm thoroughly surprised that I can't find a solution anywhere on the internet, as there must be plenty of people who want bordered columns. Hopefully this isn't a case of me overlooking something painfully simple. Can anyone shed any light on this? Thanks.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload