基本アラート
bootstrap-alerts.js を必要とします。.warning .error .success .info
<div class="alert-message warning"> <a class="close" href="#">×</a> <p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p> </div>
ブロックメッセージ
基本アラートに対し、.block-message を追加して下さい。基本アラートと同様、.warning .error .success .info が利用できます。
<div class="alert-message block-message warning"> <a class="close" href="#">×</a> <p><strong> Holy guacamole! This is a warning!</strong> Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> <div class="alert-actions"> <a class="btn small" href="#">Take this action</a> <a class="btn small" href="#">Or do this</a> </div> </div>