как обычно через файл style.css, но основные стили, как оказалось, прописаны в файлах bootstrap.css и bootstrap.min.css
даже вообще удалять файлы bootstrap.css и bootstrap.min.css и также сайт остаётся без изменений
С Android тяжелее всего. Автопроигрывание не работает. Кнопка Play появляется только если добавить для тэга video аттрибут controls, чтобы появились стандартные контролы управления. Это, увы, не так уже красиво. Но это ещё не всё. Для того, чтобы видео начало играть, нужно ещё добавить дополнительно Javascript-обработчик, который принудительно скажет video, чтобы оно играло:
var video = document.getElementById(element);
video.addEventListener('click',function(){
video.play();
},false);Для определения Android, чтобы добавить аттрибут controls, я просто использовал Detect.js:
var ua = detect.parse(navigator.userAgent);
if ( ua.os.family === 'Android' ) {
video.setAttribute( 'controls','controls' );
}
background-position: 50% 100%background-size: contain )
.parent {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: row;
flex-wrap: wrap;
}.parent {
text-align: center;
}
.child {
display: inlide-block;
}$('.bxslider').addClass('hidden').viewportChecker({ // добавляем класс hidden
// ждем появления блока в поле зрения, чтобы применить к нему анимацию
classToAdd: 'visible animated fadeIn', // меняем классы, выполняем анимацию
offset: '50%', // доп параметры, когда начинать анимацию
repeat: true, // повторять при возвращении снизу вверх
});if(canScroll){
var averageEnd = getAverage(scrollings, 10);
var averageMiddle = getAverage(scrollings, 70);
var isAccelerating = averageEnd >= averageMiddle;
//to avoid double swipes...
if(isAccelerating && isScrollingVertically){
//scrolling down?
if (delta < 0) {
scrolling('up', scrollable);
//scrolling up?
}else {
scrolling('down', scrollable);
}
}
}.main {
position: relative;
}