Блог

Мне нужно изменить навигацию старого сайта, чтобы он стал адаптивным. Я не могу изменить внешний вид навигации на большом экране. Я не могу получить желаемый вид с помощью навигации начальной загрузки. Я хотел бы знать, возможно ли это сделать с помощью 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>
  

Желаемый вид

Что я получил из приведенных выше кодов

я хочу, чтобы правая часть вверху была немного наклонена вниз, как на первом изображении, и должна быть строка для размещения языковой панели из Google.