Is there a way to achieve a nice border on my thumbnail section below? I attempted using a container but it resulted in the text overflowing on md or sm screen widths.
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
<div class="caption-blue thumbnail">
<div>
<p>I'm struggling to add a border here, despite multiple attempts. The text always overflows with a container, and without one, the border doesn't show up at all. Help!</p>
</div>
</div>
</div>
CSS for .caption-blue
.caption-blue{
background: rgb(1,165,228);
font-family: 'myfont';
color: white;
}