Html 添加图像标记会在引导中打断导航栏_Html_Twitter Bootstrap

Html 添加图像标记会在引导中打断导航栏

html twitter-bootstrap

Html 添加图像标记会在引导中打断导航栏,html,twitter-bootstrap,Html,Twitter Bootstrap,每次我向html文件添加img时，导航栏都会停止工作？任何人都有一个想法。。。先谢谢你。我起初以为这与img响应课程有关，但这似乎不是问题所在。关于切换导航 .col-md-6 你好，我的名字是天使，我是一个开发者 M.B.A. 老兵美食家从头开始创建和构建 //这打破了导航栏您还可以发布您试图添加的图像标签吗？单击“在此处输入描述”，该图像对于导航栏可能有点太大。典型的引导导航条高度大约为50px你可以给图像标签一个固定的高度50px（或者如果你想保

每次我向html文件添加img时，导航栏都会停止工作？任何人都有一个想法。。。先谢谢你。我起初以为这与img响应课程有关，但这似乎不是问题所在。


关于


切换导航





.col-md-6
你好，我的名字是天使，我是一个
开发者
M.B.A.
老兵
美食家
从头开始创建和构建
//这打破了导航栏

您还可以发布您试图添加的图像标签吗？单击“在此处输入描述”，该图像对于导航栏可能有点太大。典型的引导导航条高度大约为

50px

你可以给图像标签一个固定的高度50px（或者如果你想保留一些填充的话是20px），但是我要把它添加到jumbotron中。。。它不在nav容器中。好的，在jsbin上试过这个，看起来您可能想要将

最大宽度：100%

添加到图像中，以便它不会溢出

。col-md-6

以下是链接：

<head>

    <meta charset="utf-8">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>


    <title>
           About 
    </title>
    <meta name="description" content="is applying to be a full stack developer student .">


    <!-- Latest compiled and minified CSS -->

    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
    <link href="css.css" type="text/css" rel="stylesheet">


</head>
<body>


    <nav class="navbar navbar-inverse" role="navigation">
      <div class="container">

        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNav" aria-expanded="false" >
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Brand</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="myNav">
          <ul class="nav navbar-nav">
            <li class="active"><a href="about.html">ABOUT <span class="sr-only">(current)</span></a></li>
            <li><a href="./">RESUME</a></li>
            <li><a href="#./">PROJECTS</a></li>

          </ul>
        </div><!-- /.navbar-collapse -->

      </div><!-- /.container-fluid -->
    </nav>

    <div class="jumbotron">
      <div class="container">
          <div class="row">
              <div class="col-md-6">.col-md-6</div>
              <div class="col-md-6">
                  <p class="intro">Hi, my name is<br> Angel<br>and I am a</p>
                  <div class="textShow">
                      <div class="textSlider fade">
                          <p><strong>DEVELOPER</strong></p>
                          </div>
                          <div class="textSlider fade">
                              <p><strong>M.B.A.</strong></p>
                          </div>
                          <div class="textSlider fade">
                              <p><strong>VETERAN</strong></p>
                          </div>
                          <div class="textSlider fade">
                              <p><strong>FOODIE</strong></p>
                          </div>
                      </div>

              </div>
          </div>
      </div>
    </div>
    <div class="row">
        <div class="col-md-12 middleOne">
            <p class="groundUp">Creating and building from the ground up</p>
            //this breaks navbar<img class=" img-responsive beet1" src="Graphics/beetv1.svg" alt="RedBeet"/>
        </div>
    </div>