首页
论坛
官方网站
English
跳转至：
导航
,
搜索
查看“BootStrap Alerts”的源代码
←
BootStrap Alerts
因为以下原因，您没有权限编辑本页：
您所请求的操作仅限于该用户组的用户使用：
用户
您可以查看与复制此页面的源代码。
<div class="col-md-4"> <div class="alert alert-success fade in"> <p> <i class="fa fa-trophy"></i> <strong>success</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-darker">Take this action</div> <div class="btn btn-dark">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-info fade in"> <p> <i class="fa fa-trophy"></i> <strong>info</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-primary">Take this action</div> <div class="btn btn-neutral">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-danger fade in"> <p> <i class="fa fa-trophy"></i> <strong>danger</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-info">Take this action</div> <div class="btn btn-default">Or do this</div> </p> </div> </div> <div class="column clearfix"> <div class="col-md-4"> <div class="alert alert-default fade in"> <p> <i class="fa fa-trophy"></i> <strong>default</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-darker">Take this action</div> <div class="btn btn-dark">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-light fade in"> <p> <i class="fa fa-trophy"></i> <strong>light</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-primary">Take this action</div> <div class="btn btn-neutral">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-lighter fade in"> <p> <i class="fa fa-trophy"></i> <strong>lighter</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-info">Take this action</div> <div class="btn btn-default">Or do this</div> </p> </div> </div> </div> <div class="column clearfix"> <div class="col-md-4"> <div class="alert alert-dark fade in"> <p> <i class="fa fa-trophy"></i> <strong>dark</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-darker">Take this action</div> <div class="btn btn-dark">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-darker fade in"> <p> <i class="fa fa-trophy"></i> <strong>darker</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-primary">Take this action</div> <div class="btn btn-neutral">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-warning fade in"> <p> <i class="fa fa-trophy"></i> <strong>warning</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-info">Take this action</div> <div class="btn btn-default">Or do this</div> </p> </div> </div> <h4 class="subtitle-black">Using Alerts</h4> <pre> <div class="col-md-4"> <div class="alert alert-success fade in"> <p> <i class="fa fa-trophy"></i> <strong>success</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-darker">Take this action</div> <div class="btn btn-dark">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-info fade in"> <p> <i class="fa fa-trophy"></i> <strong>info</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-primary">Take this action</div> <div class="btn btn-neutral">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-danger fade in"> <p> <i class="fa fa-trophy"></i> <strong>danger</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-info">Take this action</div> <div class="btn btn-default">Or do this</div> </p> </div> </div> <div class="column clearfix"> <div class="col-md-4"> <div class="alert alert-default fade in"> <p> <i class="fa fa-trophy"></i> <strong>default</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-darker">Take this action</div> <div class="btn btn-dark">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-light fade in"> <p> <i class="fa fa-trophy"></i> <strong>light</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-primary">Take this action</div> <div class="btn btn-neutral">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-lighter fade in"> <p> <i class="fa fa-trophy"></i> <strong>lighter</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-info">Take this action</div> <div class="btn btn-default">Or do this</div> </p> </div> </div> </div> <div class="column clearfix"> <div class="col-md-4"> <div class="alert alert-dark fade in"> <p> <i class="fa fa-trophy"></i> <strong>dark</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-darker">Take this action</div> <div class="btn btn-dark">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-darker fade in"> <p> <i class="fa fa-trophy"></i> <strong>darker</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-primary">Take this action</div> <div class="btn btn-neutral">Or do this</div> </p> </div> </div> <div class="col-md-4"> <div class="alert alert-warning fade in"> <p> <i class="fa fa-trophy"></i> <strong>warning</strong> </p> <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p> <div class="btn btn-info">Take this action</div> <div class="btn btn-default">Or do this</div> </p> </div> </div> </pre>
返回至
BootStrap Alerts
。