Василь Бойко

https://bootstrap-tagsinput.github.io/bootstrap-ta...
гуглите "tags js"

autofocus

Сейчас большое количество западных дизайнеров рисуют сайты в adobe xd

<nav class="nav" role="nav">
  <ul class="nav-list">
    <li class="nav-item"><a href="#" class="nav-link">Item-1</a></li>
    <li class="nav-item"><a href="#" class="nav-link">Item-2</a></li>
    <li class="nav-item"><a href="#" class="nav-link">Item-3</a></li>
    <li class="nav-item"><a href="#" class="nav-link">Item-4</a></li>
  </ul>
</nav>

А для того, чтобы тег nav поддерживался старыми браузерами, подключаем скриптик

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>.

А ещё лучше вот статья, прочтите: https://habrahabr.ru/post/90384/

<div class="row">
  <div class="col-4">1</div>
  <div class="col-4">2</div>
  <div class="col-4">3</div>
</div>

.row:before,
.row:after{
    height: 0;
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

.row{
    margin: 0 -15px;
}

.col-4{
    padding: 0 15px;
    float: left;
}

.col-4 {width: 33.33333333%;}

</div>
   <div id="lg">
    <div class="container">
      <div class="row centered">
        <div class="col-lg-2 col-lg-offset-1">
          <center><img src="img/school.png" class="wow slideInLeft" data-wow-delay=".5s"  alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/quality.png" class="wow slideInLeft" data-wow-delay=".8s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/engineer.png" class="wow slideInLeft" data-wow-delay="1.1s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/calendar-with-a-clock-time-tools.png" class="wow slideInLeft" data-wow-delay="1.4s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/deposit.png" class="wow slideInLeft" data-wow-delay="1.7s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
      </div>
    </div>
  </div>

<div class="item"><img src="images/img-1.jpg" alt=""></div>
<div class="item"><img src="images/img-2.jpg" alt=""></div>

.item img{
    display: inline-block;
    vertical-align: bottom;
}

думаю лучше всего купить ПК :)

есть такой скрипт matchHeight решает подобные проблемы известные бренды его используют)

https://jsfiddle.net/xwe6h94p/

https://jsfiddle.net/L4af9xoc/

подобное можно проделать и с след. элементом.
(сразу не увидел)

Все анимации сделаны на CSS3

will-change: transform;

Если вы имеете ввиду, чтобы блоки были отцентрированы по центру, то решение такое:

.center__item{
	font-size: 0;
	text-align: center;
}
.center__item *{
	font-size: 14px; /* Обычно задаю такой же, как и в body*/
}
.center__item .col-md-3{
	display: inline-block;
	float: none;
	vertical-align: top;
}

а класс center__item добавить к родительському блоку .col-md-3, например, к .row

Уберите через DevTools все блоки, кроме <nav> и увидите, в чем дело.

а что здесь сложного?