Light Blue inherits 12-column grid system from Bootstrap's great one.
Sometimes this behaviour has to be omitted, so you can add
classes to your columns. Columns within this row will always remain their relative size.
Light Blue widget looks simple and may contain three parts: header, body and footer. But any of them can be omitted. So the basic widget structure looks like:
<section class="widget"> <header> <h3>Header</h3> </header> <div class="body"> Body </div> <footer> Footer </footer> </section>
You can color widget's background by adding light color class. For example
Widget will take as much place as inner content needs, but you can control its size:
Consider using some
.span* which holds widget.
Let background shine!