在图像上显示导航栏无法正常工作

时间:2017-11-24 10:45:48

标签: html css twitter-bootstrap



Public Shared Function Deserialize(xmlStream As IO.MemoryStream) As Bitmap
    Dim serializer As New System.Xml.Serialization.XmlSerializer(GetType(Bitmap))
    xmlStream.Seek(0, IO.SeekOrigin.Begin)
    Return DirectCast(serializer.Deserialize(xmlStream), Bitmap)
End Function




我想在左上角显示食物,其他两个标题需要居中,导航栏需要在右上角,请提前帮助我修复此错误

1 个答案:

答案 0 :(得分:0)

<div class="container-fluid"  id="_header">
<div class="row">
  <div style="display: flex; flex-direction: row; width: 100%" class="col-md-12">
      <!-- <div class="row"> -->
     <div style="width: 35%" class="row">
       <div class="col-md-12 hidden-xs hidden-sm" id="top_left">
           <h4 class="white">FOODZ</h4>
       </div>
     </div>
     <div style="width: 50%" class="row">
         <div class="col-md-12" id="center">
             <h1 class=" mx-auto d-block text-justify">WELCOME TO FOODZ</h1>
             <h5 class="mx-auto d-block text-justify">WE ARE GROUP OF CENTLEMEN MAKING AWESOME FOOD</h5>
         </div>
     </div>
     <div style="width: 10%" class="col-md-offset-6 col-md-6 hidden-sm hidden-xs">
          <nav class="navbar navbar-default">
              <ul class="nav navbar-nav pull-right">
                  <li class="active"><a href="#">HOME</a></li>
                  <li><a href="#">ABOUT</a></li>
                  <li><a href="#">SERVICE</a></li>
                  <li><a href="#">CONTACT</a></li>
                  <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">DROPDOWN<span class="caret"></span></a>
                      <ul class="dropdown-menu">
                        <li><a href="#">Page 1</a></li>
                        <li><a href="#">Page 2</a></li>
                        <li><a href="#">Page 3</a></li>
                      </ul>
                  </li>
              </ul>
          </nav>
       </div>
  </div>
<img id="mainimg"  src="images/bg1.jpg" alt="background_image" class = "img-responsive mx-auto d-block">
</div>
</div>

这是一般的想法。希望它有所帮助!