Pshkll

Isotope, Flexbox (пример).

Вынести
<div class="user-content">
за
<div class="user">
или присваивать user z-index: 6

IE10 и выше больше не поддерживают условные комментарии. Решение на js.

isotope.metafizzy.co
masonry.desandro.com

footer:after{
  content: '';
  display: block;
  clear: both;
}

1. Начните с 960, все остальное придёт с опытом.
2. Можно не покупать.
3. Вам это пока не нужно. Делайте так, чтобы на 960 все было читабельно.

Сделать условие с api.jquery.com/width
и в это условие впихнуть
$("#includedContent").load("index.html");

P.S. Вы уверены, что верно начали пользоваться Bootstrap?

Можно начать с этого.

Миллион ответов на ваш вопрос.

Isotope или Wookmark jQuery Plugin

1)

<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-12">center</div>
</div>
</div>
</div>

.container-fluid{
background: url('image.jpg') no-repeat top center;
background-size: cover;
}

2) Сможет