Александр

Bootstrap - CSS фреймворк (лидер №1)
https://html5boilerplate.com/ - готовый каркас приложения
не совсем корректно называть их костылями :)
скорее, это Инструменты, заготовки, болванки ......
а костыли - когда стандартными средствами не получается, приходиться извращаться и что то выдумывать

посмотрите в сторону
background-size и background-position

поставив размер : cover
и позицию center center
вы, возможно, добьетесь нужного результата

вы этому блоку можете добавить бутсраповский класс
text-center

и оно вам выровняет содержимое внутри блока

как написал maxnrg33 это в принципе невозможно
плагины в данном случае преобразуют селект с опшнами в Блоки
и блоки стилизуются уже

но прежде чем делать это, подумайте хорошо, нужно ли вам это
для десктопной версии все ок, но в мобильной версии нативный селект может выигрывать

пул и пуш здесь вам точно не помогут
БГ никак не влияет на размер блока

вам нужно задать правильное значение
background-size: cover;

или что то я неправильно понял, недостаточно конкретно сформулирован вопрос

у вас там пустая строка TR
нужно удалить ее
или на худой конец, залить цветом фона
и подправить потом бордеры

у вас там таблица в таблице, это наверное не очень хорошая практика

у блоку Див
прописать text-align:center
если нужно только горизонтальное выравнивание
если нужно и вертикальное. тогда картинку нужно вложить еще в один блок(например wrap-img)
и ему(wrap-img) прописать
display: table-cell;
vertical-align: middle;
а его родителю
display: table;

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

Простой и легкий?
если вам нужна только сетка, на мой взгляд, тогда вам в сторону флексбокс, его поддержка улучшается

также недавно наткнулся на
https://www.youtube.com/playlist?list=PLvWwA9iDlhH...

крутая штука новый проект попробую на нем сделать

делаете два блока
div#first
button
button
......
div#second // этому блоку прописать дисплей ноне
button
button
......
и небольшой скрипт

$("div#first button").click(function(){
// скрыть родительский контейнер
$(this).parent().hide();
// показать контейнер с кнопками из второго блока
$("#second").show();
});

в цикле есть счетчик i (ну или что там у вас)
if (i%2 == 0){
//четное
//деление на два без остатка
}

если счетчик нечетный выводить

<div class="row">
    <div class="col-md-6">
      Это некая новость
    </div>
здесь нет закрывающего тега див

если счетчик четный выводить

<div class="col-md-6">
      Это некая новость
    </div>
    </div>
здесь второй закрывающий див, но нет div.row

position:relative: top:50% - это код вообще не должен работать

TOP работает только при absolute или fixed

В данном случае можно выровнять через vertical-align
но только если контейнеру прописать display table
а содержимому table-cell

флекс конечно все это решает очень легко
если не нужна поддержка древних браузеров
то флекс рулит :)