Twitter bootstrap 3 引导导航栏不显示在桌面电子邮件中,但显示在手机中

Twitter bootstrap 3 引导导航栏不显示在桌面电子邮件中,但显示在手机中,twitter-bootstrap-3,Twitter Bootstrap 3,我正在尝试用引导导航栏发送html电子邮件。 当我在我的移动设备中查看收到的邮件时,我可以看到导航栏,html被正确呈现。 但当我在桌面上查看同一封收到的邮件时,我看不到导航栏。我的导航栏标题由导航栏下的h3元素叠加。 是否需要进行任何配置 为了说明这一点,我正在正确地使用iPhone的电子邮件应用程序。但当我在桌面上查看雅虎邮件时,它并没有显示导航栏本身。导航栏标题写在h3元素的顶部,该元素应位于导航栏的下方 代码如下: <html lang="en"> <head>

我正在尝试用引导导航栏发送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>

身体{
填充顶部:50px;
}
品牌名称
你好

谢谢你的电子邮件


这段代码可能与Yahoo mail呈现HTML的方式有关。也许Yahoo忽略了头部的
块。没关系,我想我不会使用引导css为我的电子邮件创建导航栏。我刚刚用
  • 项替换了它,它可以工作:)