Question

我正在尝试使用bootstrap导航栏发送html电子邮件。当我在移动设备中查看收到的邮件时，我可以看到导航栏和html已正确呈现。但是当我在桌面上查看相同的收到的邮件时，我看不到导航栏。我的导航栏标题由导航栏下的h3元素叠加。我需要做任何配置吗？

为了说清楚，我正在使用iPhone的电子邮件应用程序正确地看到它。但是当我在桌面上查看雅虎邮件时，它并没有显示导航栏本身。导航栏标题写在应该位于导航栏下方的h3元素之上。

以下是代码：

<html lang="en">
<head>
    <base href="/"/>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            padding-top: 50px;
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <span class="navbar-brand">Brand Name</span>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <h3>Hi,</h3>
            <br>
            <p>Thank you for your email.</p>
        </div>
    </div>
</body>

bootstrap导航栏未在桌面电子邮件中显示，但在移动设备中显示

0 个答案: