На сколько ли плохо писать такой код?
Внутри <a> не должно быть вложенных блочных элементов вроде <div> или <p>
Используйте <span> с разными классами и всё.
<li>
     <a href="index.html">
         <span class="glyphicon glyphicon-rocket"></span>
                На главную
      </a>
</li>
и на пк делаете span float: right
а на мобильном span display:block;