Попробуйте так:

.navbar {
text-align: center;
}

.nav {
left: 50%; /* удалить */
float:left; /* удалить */
display: inline-block;
vertical-align:top;
zoom:1;

}

.navbar-nav {
float:left;  /* удалить */
}

.nav li {
left: -50%; /* удалить */
float:left;  /* удалить */

}

Не получится, на ресепшене все равно требуют паспорт, я проходил.

1. Я бы не стал, это выходит за рамки бесплатного тестового задания. Можно договориться сверстать пару блоков, работодатель должен по ним понять ваш уровень, владение технологиями и инструментами.
2. Если работодатель настроен на быстрые и несложные лендинги, то бутстрап - нормальный выбор. 12 колонок делаются элементарно, почитайте документацию, раздел сетки.

Advanced Custom Fields