如何在不改变外观的情况下将旧导航转换为自适应引导程序导航？

Question

我需要更改旧网站的导航，以便它能够响应。我无法在大屏幕上更改导航的外观。我无法通过引导程序导航获得所需的外观。我想知道是否可以使用bootstrap来做到这一点。滚动时还需要将导航固定在顶部。是否有任何回购或任何人可以帮助解决这个问题？

我尝试过但无法使用以下代码

<div class="container">
    <div class="row">
      <div class="col-md-3">
          <div class="navbar-header pull-left">
               <a class="navbar-brand" href=""><img src="img/summan-company.png" alt="Summan" /></a>
          </div>
      </div>
      <div class="col-md-9">
       <nav role="navigation" class="navbar navbar-default">
        <div class="collapse navbar-collapse navbar-left ">
       <div class="row">
       </div>
       <div class="row">

            <ul class="nav navbar-nav ">
              <li><a href="news.html">News</a></li>
              <li><a href="products.html">Products</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>

       </div>
           </div>
          </nav>
      </div>
    </div>

  </div>

期望的样子 我从上面的代码得到了什么

我想要的是上面的正确部分应该像第一张图片一样向下，并且应该有一行用于从谷歌放置语言栏。