文章/答案/技术大牛

发布

社区首页 >问答首页 >警告讯息基础6

问警告讯息基础6
EN

Stack Overflow用户

提问于 2017-03-08 16:02:15

回答 1查看 576关注 0票数 0

我想使用Foundation6发布一个警告信息。

如果可能的话，类似Bootstrap消息的东西：

在Foundation中，我们有以下内容：boxes.html。

但是它不适合我，就好像我错过了一个导入(类不起作用)。

知道吗？

编辑

我的代码很简单：

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Foundation for Sites</title>
    <link rel="stylesheet" href="css/my-css.css">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/icons/foundation-icons.css">
  </head>
  <body ng-app="app">
      <div class="row">
          <div class="columns">
              <div class="text-center">
                  <div data-alert class="alert-box warning round">
                      This is a warning alert that is rounded.
                      <a href="#" class="close">&times;</a>
                  </div>

app.css是基金会样式表的小型化。

zurb-foundation

warnings

message

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-11 21:59:25

你看过基金会的6号文件了吗？在Foundation 6中，警告消息被称为回调，您可以将类callout添加到div，以及另一个类，这取决于您要执行的警报类型。作为警告，你可以使用：

<div class="callout warning">
  <h5>This is a warning callout</h5>
</div>

看看文档。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42676150

复制

相似问题

问警告讯息基础6
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问警告讯息基础6EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问警告讯息基础6
EN