Bummer! You must be logged in to access this page.

Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Mona Jalal
Mona Jalal
4,302 Points

well in bootstrap

so I just started with bootstrap without much diving into CSS. I wonder how could I better create up and bottom space between the text and the well borders. I know this is terrible but would give you the idea. Also as you see the text is stuck to the border from right I want to use something m-a-2 but when I tried it for <p class="m-a-2">text</p> didn't work.

    <div class = "well well-lg bg-info">
        <hr class="m-t-2">
       Twitter and Bloomberg grant recipient for attending SREcon16, Santa Clara, April 2016.
        <hr class="m-b-2">
    </div>

Also I want to change the color of each well to be light grey? does bootstrap or something like webkit support something like that?

http://imgur.com/FG4lutV

1 Answer

Jonathan Selwall
Jonathan Selwall
12,528 Points

Hi! I don't really know if there is a utility class for adding padding like that, I'd do this with custom css.
I made you a quick example here: https://jsfiddle.net/sLxyc0qm/1/

It will be hard to produce a website without css-knowledge so I'd recommend you get started with css :)
Hope the example helps!