• Чем можно заменить get()?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Проблема не в get, можно ничем его не заменять. При обработке клика вместо первого попавшегося audio надо хватать тот, что соответствует нажатой кнопке (это же касается элементов .play и .pause, с той лишь разницей, что тут вы хватаете всё, что есть), т.е., который находится в том же .container. От кликнутого элемента поднимаемся к .container и ищем внутри него нужные элементы:

    $(document).on('click', '.play, .pause', function() {
      const $this = $(this);
      const $container = $this.closest('.container');
      const isPlay = $this.hasClass('play');
    
      $container.find('.play').toggleClass('active', isPlay);
      $container.find('.pause').toggleClass('active', !isPlay);
      $container.find('audio').get(0)[isPlay ? 'play' : 'pause']();
    });
    Ответ написан
    1 комментарий
  • Как убрать padding?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Как и сказал выше — оберните header в row, header дать ширину 100%
    Внутри еще есть row, его нужно обернуть в col-12
    https://codepen.io/anon/pen/NVRvmV?editors=1000

    UPD
    Я немного подзабыл классы бутстрапа. Вот так видимо будет "правильнее" (класс col для header) https://codepen.io/anon/pen/xNEXqp?editors=1100
    Ответ написан
    Комментировать