小编Evo*_*lis的帖子

该网站的桌面视图下有一个徽标和一个导航.
当切换到移动视图时,我希望导航的位置变为徽标上方(并且还在徽标和导航栏之间创建一个小空间).

这是桌面视图:

移动视图:

我想要的移动视图是什么:

HTML:

    <div class="text-center logo">
        <a href="index.html"><img src="img/brand.png" /></a>
        <span class="brand-headline visible-desktop">
            <p class="title-text">Example</p>
        </span>
    </div>

<!-- =begin navigation !-->
    <nav class="navbar navbar-default" role="navigation">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-target">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <span class="navbar-brand brand" href="#">Brand</span>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" …