end0tknr's kipple - 新web写経開発

http://d.hatena.ne.jp/end0tknr/ から移転しました

bootstrap - 警告とエラー

基本アラート

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>