Каков правильный способ увеличить размер ввода на navbar

Question

Я пытаюсь написать следующую навигационную панель в bootstrap (версия 4), однако я хотел бы знать, как увеличить размер ввода как показано ниже:

Мой код ниже:

<nav class="navbar bg-white navbar-fixed-top"> 
    <div class="container"> 
     <a class="navbar-brand" href="#"> 
     <img src="/images/img.png" > 
     </a> 
     <ul class="nav navbar-nav"> 
      <li class="nav-item"> 
       <div class="search_icon"> 
        <input type="email" class="form-control form-control-lg input_search" id="lgFormGroupInput" placeholder="What do you remember? Person, organization, place or keyword"> 
       </div> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link" href="#">Link</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link" href="#">Link</a> 
      </li> 
      <li class="nav-item dropdown"> 
       <a class="nav-link dropdown-toggle" href="http://example.com" id="responsiveNavbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> 
       <div class="dropdown-menu" aria-labelledby="responsiveNavbarDropdown"> 
        <a class="dropdown-item" href="#">Action</a> 
        <a class="dropdown-item" href="#">Another action</a> 
        <a class="dropdown-item" href="#">Something else here</a> 
       </div> 
      </li> 
     </ul> 

    </div> 
</nav> 

Answer 1

Если вы ищете большую коробку поиска вы можете добавить класс "input-group-lg "в ДИВ <input> тег в Как и в:.

<div class="search_icon input-group-lg"> 
    <input type="email" class="form-control form-control-lg input_search" id="lgFormGroupInput" placeholder="What do you remember? Person, organization, place or keyword"> 
</div> 

Вы можете увидеть результат здесь: http://jsfiddle.net/del_cueto/pLhseuea/2/

Лично я считаю, что размер коробки в изображении выглядит просто отлично, я хотел бы изменить только размер текста, используя другой класс начальной загрузки или даже встроенный CSS например, в:

style = "font-size: 24px;"