Hello everyone and thank you for reading this.
I have a default bootstrap navbar that im using , i want the items to be centered and i tryed following methods which didn't work somehow (but seem to work for others) so i must be doing something wrong. 

**Option 1 :** 

```
nav.nav-center{margin:0;float:none} 
.navbar-inner{ text-align:center} 

```

**Option 2 :** 

```
.navbar.center .navbar-inner{text-align: center}
.navbar.center .navbar-inner .nav{display:inline-block;float:none}

```

**Option 3 :**

```
 .navbar.center .navbar-inner{text-align: center}
 .navbar-nav {width:100%;text-align:center};

```

> 
> li {float: none;display: inline-block}
> 
> 
> 

so none of the above worked. I don't understand why.[Here is the fiddle](https://jsfiddle.net/fke4x6h9/) Thank you in advance ! Kind regards