Александр Бабич

Можно. Но только, если value явно прописан в разметке.
Это все-таки селектор атрибута, и атрибут должен присутствовать.

С другой стороны, вы можете добавить этот атрибут соответствующим методом

.setAttribute('value', 'red')

Но это извращение какое-то. Лучше уж классами оперировать, или напрямую стилями из javascript.

Как вариант, можно использовать data

const input = ...;
input.on('input', e => e.target.setAttribute('data-value', e.target.value));

и стилять от этого атрибута

input[data-value=red] {

}

Добавьте для .nav-menu li:

.nav-menu li {
  display: inline-block;
  width: 100%;
}

https://jsfiddle.net/5n3318ht/

настройки -> Editor -> General -> Editor Tabs -> Show tabs in one row

первому (кругу) блоку.
flex-shrink: 0;

Добавьте куда-нибудь, должно работать

var loc = window.location.hash;
if (loc != "") {
        var href = loc;
        var target = $('.content-fade').find(href);
        $('.content-fade-menu a').removeClass('active');
        $('.content-fade-menu a[href="'+href  +'"]').addClass('active');
        $('.content-fade .content-fade-panel').hide();
        $(target).fadeIn('fast');
}

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

.parent {
    width: 170px;
    text-align: center;    
}
.child {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: black;
    border-radius: 50%;
}

Посмотреть вживую.

Ну или стильный, модный, молодежный flexbox:

.parent {
    width: 170px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.child {
    width: 50px;
    height: 50px;
    background: black;
    border-radius: 50%;
}

Поиграться.

1. Бутстрап состоит из компонентов, никто не мешает вам при сборке использовать только нужные.
2. Логично что дизайнер должен знать об использовании бутстраповской сетки и готовить макеты под неё, иначе смысл пропадает.
3. В любом случае бутстрап подходит только для каких-то корпоративных сайтов со стандартизированной сеткой и т.п., для сложных креативных дизайнов он не подходит вообще.

Добавьте после .datails:

.details{...}
.slick-center .details{
  opacity: 0;
  visibility: hidden;
}

Если хотите, чтобы исчезал плавно:

.details{
...
  -webkit-transition: all 0.3s ease;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.3s ease;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.slick-center .details{
  opacity: 0;
  visibility: hidden;
}

web-standards.ru/articles/avoiding-html5-mistakes

Вот неплохой пример "конструирования" страницы (рисунок не мой).
По мере надобности можно дублировать или удалять элементы страницы.

@media (max-width: 767px) {
    .mybox {
        display: none;
    }
}

бери DLE'шку. CMS позиционирует себя как новостная система. 200тысяч посетителей в сутки держит легко (~4млн просмотров), при этом генерирует порядка 22к запроса за 5 минут. Это из того что лично знаю. Т.е. потенциал у нее достаточно большой. Простая как 5 копеек и легка в управлении.