Почему navbar в Bootstrap переносит слова?

Помогите исправить 2 проблемки:
1) номер телефона и текст в кнопке переносится на другую строку, как сделать чтобы этого не происходило и все было в одну строку
2) css свойства не действуют почему то вообще на навбар никакие (это скорее не проблемка, а моя нехватка знаний)(например, нужно поменять цвет текста навбара на розовый)

<nav class="navbar navbar-expand-md navbar-light">
    <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                 <a class="nav-link nav_second" href="#">Продукты</a>
             </li>
             <li class="nav-item active">
                  <a class="nav-link" href="#">Услуги</a>
              </li>
              <li class="nav-item active">
                    <a class="nav-link" href="#">Отраслевые решения</a>
               </li>
               <li class="nav-item active">
                    <a class="nav-link" href="#">Программное обеспечение</a>
                </li>
             </ul>
           </div>
     <div class="mx-auto order-0">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
           <span class="navbar-toggler-icon"></span>
          </button>
      </div>
     <ul class="navbar-nav ml-auto">
         <li class="nav-item nav_number">
            <a class="nav-link" href="#">+7(495)748-01-15</a>
         </li>
         <li class="nav-item">
            <button class="button_call"><a class="nav-link" href="#"><span class="button_call_text">Оставить заявку</span></a></button>
          </li>
        </ul>
</nav>