Bootstrap 警告.pdfVIP

Bootstrap 警告 Bootstrap带有⼀个⾮常有⽤的组件⽤于显示警告 （alert）消息。 我们可以使⽤它们来显⽰成功消息、警告消息、失败消息或信息消息。 以下是“success”警告消息的标记： !DOCTYPE html html lang=en head script type=text/ja ascript src=http://code.jquery .com/jquery-1.10.1.min.js/script link rel=stylesheet href=/bootstrap/3.2.0/css/bootst link rel=stylesheet href=/bootstrap/3.2.0/css/bootst script src=https://ajax ./ajax/libs/jquery/1.11.1/jquery . script src=/bootstrap/3.2.0/js/bootstra /head body style=margin:30px di class=alert alert-success Amount has been transferred successfully . /di /body /html 每个警告都 该附加 alert 类。 它还 该有⼀个附加的上下⽂类，例如alert-success。警告消息有四个不⾔⾃明的上下 ⽂类： alert-success alert-info alert-danger alert-warning 警告中的链接 要在警告中放置链接，需要向a元素添加类 alert-link。下⾯提供了相对于警告框 颜⾊的链接匹配颜⾊： !DOCTYPE html html lang=en head script type=text/ja ascript src=http://code.jquery .com/jquery-1.10.1.min.js/script link rel=stylesheet href=/bootstrap/3.2.0/css/bootst link rel=stylesheet href=/bootstrap/3.2.0/css/bootst script src=https://ajax ./ajax/libs/jquery/1.11.1/jquery . script src=/bootstrap/3.2.0/js/bootstra /head body style=margin:30px di class=alert alert-success alert-dismissable button type=button class=close data-dismiss=alerttimes;/button Amount has been transferred successfully . Go to a href=http://www . class=alert-link /di /body /html 警报警告 我们可以使⽤.alert类创建警报警告消息。 !DOCTYPE html html lang=en head link rel=stylesheet href=/boots link rel=stylesheet href=/boots script src=https://ajax ./ajax/libs/jquery/1.11.1/j script src=/bootstrap/3.3.1/js/bo style type=text/css .bs-example{ margin: 20px; } /style /head body di class=bs-example di class=alert alert-warning a href=# class=close data-dismiss=alerttimes;/a strongWarning!/strong There was a problem with your ne /di /di /body