by chris

Нужно в разметку добавить элемент (оверлей) с блюром, задать позиционирование ниже меню и спрятать . При клике на меню показывать.

1. Свойство overflow не нужно, т.к явно указана высота для дива с классом inner-header2.

2. 

.header2 {  position: relative;  overflow: hidden;}.header2::after {  position: absolute;  content: '';  bottom: 23px;  right: -172px;  border-style: solid;  border-width: 600px;  border-color: transparent rgba(255, 255, 255, .5) transparent transparent;  transform: rotate(18deg);  pointer-events: none;}

Если правильно понял.

<div class="col-md-12"><div class="col-md-6 text-left"><div class="is-hidden">кнопки админа</div></div><div class="col-md-6 text-right"><div>кнопки пользователя</div></div></div>

.is-hidden {  display:none;}.text-left {  text-align: left;}.text-right {  text-align: right;}.text-right > div,.text-left > div {  display: inline-block;}

Почему ж не может. у таблиц то как раз таки может 

Только не всегда актуально) https://validator.w3.org/nu/#textarea 

<div class="container cols-custom">

<div class="row">

<div class="col-lg-3"></div>

<div class="col-lg-9"></div>

</div>

</div>

.cols-custom {

max-width: 932px;

}

.cols-custom[div*="col-lg-3"] {

/*width: 355px;

355÷932×100

*/

width: 38.090128755%;

}

.cols-custom[div*="col-lg-9"] {

/*width: 577px;

577÷932×100

*/

width: 61.909871245%;

}

Как вариант спозиционировать псевдоэлементами. Напишите свой код на jsfiddle с вырезанными картинками.

В любом случае bootstrap это суп из дивом и верстают на нем для скорости, но не для семантики) Container-fluid лучше использовать для дивов, и вообще абстракцию классов сетки использовать по дефолту) Ну а помещать внутрь header никто не запрещает.

В первом случае происходит конкатенация строки. Во втором, вычисление возвращает...
 

console.log("****" - "*")

console.log(typeof "*");

https://jsfiddle.net/s9rk5gqo/

https://jsfiddle.net/rk0fx9nt/22/

что в последей версии opera(для linux)

По скрину припоминаю, что это больше похоже на древнюю версию 12.6, или около того. На самом деле последния версия для linux Opera 35.0, которая продолжительное время именовалась, как Opera Developer.

<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.12.0.min.js"></script>

<script src="<?php bloginfo('template_url'); ?>/js/stickers.js"></script>

<ul>

<li class="flex-active-slider">

<a class="fancybox" href="img1.png"><img src="img1.png"></a>

</li>

<li class="">

<a class="fancybox" href="img2.png"><img src="img2.png"></a>

</li>

<li class="">

<a class="fancybox" href="img3.png"><img src="img3.png"></a>

</li>

</ul>

Для переноса сайта должны быть доступы. Я так понимаю их нет. Если нет, то для каких целей скачиваем?

https://jsfiddle.net/sashadev/7tpuu95a/4/

-

поправил линк

Увеличивается i, а проверяется a

Чтобы браузер крашнулся)

Почему не работает?

Что показывает консоль лог в переменной i в функции-обработчике метода addEventListener?

https://jsfiddle.net/sashadev/jq78dd98/

Наверно где-то существует настройка, отвечающая за подключение отдельно css от бутстрап?

В шаблоне где подключаются стили

<?php  $doc = JFactory::getDocument();  ...  $doc->addStyleSheet('/media/jui/css/bootstrap.css');  ...?>

Странно, я не вижу css от бутстрапа. Видимо поэтому все так? Это же бутсрап 2 используется, который требует подключения своего css?

Именно, если нужно чтобы сайт адаптировался. Иначе, так как в разметке присутствуют классы для очистки потока документа достаточно дописать псевдоэлемент.

.clearfix::after {  content: '';  display: block;  clear: both;}

Это нормальный код?

Все от твоих предпочтений. Если ты готов дописывать яваскрипт код добавляя новый таб с постом в штмл разметку, то годится. Но врятле кто-то еще захочет заморачиваться, и пойдет искать плагин, который не надо ковырять.

Не самый продвинутый код, но миссию свою исполняет.

https://jsfiddle.net/192xsgqg/2/

Змейка по-деревенски) На пятиминутке дошел до 8 уровня. Кто дальше осилил?

Но он добавляет его после -webkit-flex или всё-таки до него?

Ага, до ставит. Значит пролет) 

Не думаю, что там autoprefixer. Autoprefixer, по-моему, добавляет умнее, таких неиспользуемых строк не оставляет (разве что какой-нибудь совсем ископаемый?).

Ну почему же? Можно саму внести изменения. По умолчанию стоит 2 последние версии. Я у себя  протестил, именно когда 5, плагин добавляет display: -webkit-box; Все что старше, префикс с этим свойством отсутствует.

@yaparoff,

Уверен, что в настройках autoprefixer'a для вашего редактора, что-то похожее на это 

{  "browsers": ["last 5 versions"],  ...  ...}