手机中的Bootstrap导航栏丢失格式

时间:2018-06-25 19:19:43

标签: html css twitter-bootstrap

我创建一个导航栏,在其中在左侧和右侧显示一些文本。一切都可以在计算机上正常运行,但是当我在移动设备上运行时,左侧的文本未格式化。

导航栏:

<nav class="navbar navbar-default" style="background-color: #003366">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" style="margin-left: 20px;">
          <cfoutput>
          <font color="white"><h3><i>Company Name</i></h3></font>
          <font color="white" size="1">
              123 main St<br />
              Manager - Max<br />
              123.456.7890<br />
              test@email.com<br /><br />
          </font>
          </cfoutput>
        </a>
      </div>
      <ul class="nav navbar-nav navbar-right">
        <p style="margin-right: 50px;" align="right">
          <cfoutput>
          <font color="white" size="5"><i>00:00PM<br />Now</i></font>
          </cfoutput>
        </p>
      </ul>
    </div>
  </nav>

在手机上,它显示:

   Company Name
   123 main St
   Manager - Max                  123.456.7890
test@email.com

正确的应该是:

   Company Name
   123 main St
   Manager - Max                  
   123.456.7890
   test@email.com

有人知道为什么在手机或桌子上格式不正确吗?

谢谢

0 个答案:

没有答案