Воспроизведение содержимого в карусели только с определенной шириной не работает

Question

Я пытаюсь отображать содержимое в карусели только тогда, когда ширина viewport меньше, чем 961px. По мере того как окно дисплея становится меньше, я вижу, что мой контент отображается горизонтально (желательно), затем стек вертикально (нежелателен), затем исчезает вместе (также нижний). Я не хочу, чтобы он складывался вертикально. Просто горизонтально, а затем покажите в карусели. Но, как говорилось ранее, оно исчезает, когда предполагается, что вы находитесь в карусели, и я могу видеть только навигационные стрелки. Мне также хотелось бы, чтобы контент был сосредоточен, когда в карусели. Я считаю, что что-то не так с моим media queries, но я также думаю, что есть нечто большее, чем это. Могу ли я использовать jQuery для этого? Вот ссылка на созданный код. (FYI: навигационные стрелки не показывают в codepen, но я могу видеть их в моем окне браузера)

http://codepen.io/anon/pen/KVwGeB

Answer 1

Проверьте это перо. Надеюсь, это то, что вы ищете.

использовать col-md для среднего экрана и col-sm для небольших экранов, таких как ipad и tabs и col-xs для мобильных устройств.

div#why-cs div:nth-child(1){ 
    display: none; 
    } 

приведенный выше код вызывает исчезновение пирушки

http://codepen.io/jinukurian7/pen/RrNzoL