Пробелы между пунктами меню

Эта ситуация возникла в случае меню на bootflat, что на базе bootstrap. В горизонтальном меню левый отступ у каждого пункта меню никак не убирался. От этого вид меню был так себе.

Инструменты разработчика у браузера показывают какую-то точку между пунктами, или пробел это.

Решается проблема с помощью css (ответ от Краб Анархист @Punkie)

• либо display:flex для ul,
• либо float:left для li
• либо display:inline-block + font-size:0;line-height:0; для ul

Мне помог 3-й вариант, вот такой

header .navbar-nav {
    float: none;
    margin: 0 auto;
    text-align: center;
    font-size:0;line-height:0;
}

header .navbar-nav li {
    float: none;
    display: inline-block;
}