CLOSE

Многие используют на своих сайтах Bootstrap, и я не исключение. Это просто удобно. Про стили все понятно — с помощью них быстро писать админки, верстать макеты — я про сетку. В общем Bootstrapреально экономит время. Ниже актуальные ссылки на Bootstrap на момент написания статьи:

Bootstrap.min.js — Зачем он нужен на самом деле

Многие используют на своих сайтах бутстрап, и я не исключение. Это просто удобно. Про стили все понятно — с помощью них быстро писать админки, верстать макеты — я про сетку. В общем бутстрап реально экономит время. Ниже актуальные ссылки на бутстрап на момент написания статьи:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

Так вот, а зачем же нужен js? от бутсртапа то… На самом деле я написал множество сайтов и он мне пригодился только в одном меcте — для гамбургер меню…. Многовато кода для одной функции, не так ли?

В общем в итоге я решил его исключить из нескольких проектов, просто написав свой собственный код js для меню гамбургера. Почему не jQuery? — Js быстрее работает. Код ниже:

function toggleMenu() {
    let mainMenu = document.getElementById("navbarDropdown");
    mainMenu.classList.toggle("collapse");
}
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarDropdown"
            aria-controls="navbarDropdown" aria-expanded="false" aria-label="Toggle navigation" onclick="toggleMenu()">
        <span class="navbar-toggler-icon"></span>
    </button>

В общем сайты стали на чуточку быстрее…. Так что пользуйтесь.

Через пол года вот что могу добавить, Bootstrap реально пригодился для простых админок, к примеру оживить popup элементы, аккордеоны, tabs и пр. Там где нет вопросов к скорости сайта, а js писать просто лень. На фронт он особо не нужен если у вас обычный сайт а не сервис, а на беке может пригодиться. А если у вас сервис - тут разумнее использовать фреймворк для фронта - react, vue, или просто alpine.js для простых решений.