實(shí)例代碼( Tip: 登錄后體驗(yàn)更佳 )
<!DOCTYPE html><html><head><title>Foundation 实例</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://cdn.staticfile.org/foundation/5.5.3/css/foundation.min.css"><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/foundation/5.5.3/js/foundation.min.js"></script><script src="https://cdn.staticfile.org/foundation/5.5.3/js/vendor/modernizr.js"></script></head><body><div style="padding:20px;"><h2>圆角提醒框</h2><div data-alert class="alert-box">Default Alert box</div><div data-alert class="alert-box radius">Default Alert box with a radius.</div><div data-alert class="alert-box secondary radius">Secondy Alert box with a radius.</div><div data-alert class="alert-box success radius"><strong>Success!</strong> Alert box with a radius.</div><div data-alert class="alert-box info round"><strong>Info!</strong> Alert box that is rounded.</div><div data-alert class="alert-box warning round"><strong>Warning!</strong> Alert box that is rounded.