Илья Пирожок

Что бы потом подобраться к внутренним блокам. Ты же не будешь трогать бутстраповские .container в своих стилях верно? Вот для удобства их и добавляют

Действительно не пашет, все перепробовал. Используй обычный div

Ишь что захотел)

Вот кусочек кода JS, при загрузке страницы он автоматически будет делать высоту твоего блока равной высоте дисплея устройства на котором просматривается страница, думаю тут понятно всё.

function autoHeight () {
		$('.content').css('min-height', $(window).height());
	};

	autoHeight();

	$(window).resize(function() {
		autoHeight();
	});

Вот аналогичный фильтр, но немного проще:

function filter(arr, a, b) {
var result = [];

for (var i = 0; i < arr.length; i++) {
if (arr[i] >= a && arr[i] <= b) {
result.push(arr[i])
}
}

return result;

}

var arr = [2, 5, 12, 66, 7, 4, 8, 3, 10]

filter(arr, 5, 10)

Ужасная практика стилизации) Во первых это ID, советую использовать классы. Во вторых переносы фигурных скобок после селекторов - это не есть хорошо.
Вот неплохая статья для тебя - habrahabr.ru/post/143452

В общем неплохо, нет ничего лишнего. В коде есть правда некоторые недочеты