JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<body>
  <nav class="navbar navbar-expand-lg fixed-top navbar-light" style="background-color: #fff;">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
					<i class="fas fa-bars"></i>
					</button>
					<a class="navbar-brand header-logo" href="index.html">
						<img class="header-logo__img" src="img/logo.png" alt="Логотип">
					</a>
					<a class="header-search__link" href="#header-search__link"><i class="header-search__icon fas fa-search"></i></a>
					<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
						<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
							<li class="nav-item active">
								<a class="nav-link" href="#"><i class="nav-icon fas fa-info-circle"></i> О компании <span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#"><i class="nav-icon fas fa-question"></i> Вопросы и ответы</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#"><i class="nav-icon fas fa-map-marker-alt"></i> Локации СЦ</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#"><i class="nav-icon far fa-user"></i>Контакты</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#"><i class="nav-icon fas fa-edit"></i>Статьи</a>
							</li>
							<li class="nav-item">
								<a...