JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="navbar navbar-inverse" role="navigation">
        <div class="navbar-inner">
            <div class="nav-center">
                <a href="#"><img src="https://www.gravatar.com/avatar/73c42b98586e7c94caa4db3eb1903437?s=32&d=identicon&r=PG"/></a>
            </div>
        </div>
</div>

CSS

.nav-center {
    margin:0;
    float:none;
}

.navbar-inner{
    text-align:center;
}