Imagine you have this structure:
<div class="container">
<div class="row-fluid swell">
<div class="span9">
hello world
</div>
</div>
</div>
And this custom styling (using twitter-bootstrap as a base):
.swell {
background-color: #F5F5F5;
border: 1px solid #E3E3E3;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
How can graceful responsiveness be achieved?
(Check out this Plnkr demo, where you can view the website in action; try resizing the browser window to see the issue)