Кирилл

1. Настраиваете бутстрап таким образом что бы грузилась только сетка.
2. Создаете свою сетку

!important

Оберните каждую букву в span и стилизуйте через nth-child с помощью css

да, библиотека animate.css работает на стандартной анимации CSS3

Дайте обертку для контейнера и стилизуйте ей бэкграунд

Попробуйте флексы!

при :hover меняется background-color и добавляется box-shadow

.chatButton {position: relative}

display: block;
margin: 0 auto;

для изображения

.parent {
width: 100vw;
}
.child {
width: 60vw;
margin: 0 auto;
}

elem {
    width:25%;
    height: 150px;
}
elem .more-info {
    display: none;
}
elem:hover {
    width: 30%;
    height: 200px;

}
elem:hover .more-info {
    display:block;
}

можно ещё давать обертку с position: relative и при hover давать position: absolute t0 l0

transform: scale(1.+)

Воспользоваться class="container-fluid", и задать max-width = ширине контента