The box will expand to accommodate the amount of text placed inside it.
Setting the Width to 100%
In some case it looks nice to have the alert box span the entire content are. To do this we set the width of the alert box to 100% (requires editing HTML):
- While editing the page with the alert box, click the HTML button on the visual editor.
- In the source code window that appears, find the <div> tag for the alert box that you want to modify
<div class="alert alert-blue">My Width is Set to 100%</div>
- Add style="width:100%;" to the div tag so that it now looks like this:
<div class="alert alert-blue" style="width:100%;">My Width is Set to 100%</div>
- Click Update, and Save the page.
Alternate Alert Box
An alternative way of highlighting important information is to add the information to a portlet in the 'header area that spans columns one and two and plus the content area'; such as the Department of Neurology did to highlight the relocation of their outpatient clinic.