How do I move my Instagram icon to the right using bootstrap?

I don’t think you guys need my css sense its all bootstrap classes. Here is my html code of what I have tried so far.

<!DOCTYPE html>
    <title>Weather App</title>
    <link href="" rel="stylesheet">
    <link rel="stylesheet" src="path/to/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="weather.css">
    <link rel="stylesheet" href="">
    <script src=""></script>
    <script src="weather.js" type="text/javascript"></script>
    <body class="back">
 <nav class="navbar navbar-inverse">
    <div class="container-fluid">
    <div class="navbar-header">
        <a id=navhead class="navbar-brand" href="#">More Projects by Cesar Gomez</a>
        <ul nav navbar-nav navbar-right>
       <li> <a> <i class=" insta fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>


       <i class="fa fa-facebook-official" aria-hidden="true">
    <div class="floating-box">
        <h1> WEATHER APP</h1>
        <div id="location">Give me sec to locate where you're at!</div>
        <div id="fahrenheit" class="hide"></div>
        <div id="celsius"></div>
        <p class = "icon "> </p>
        <div class = "description"></div>
        <button id="covertTemperature">Convert F/C</button>

Dude, Thanks you so much for your help.

I got so far today.

Here is a link to my codepen. I would love any criticisms from you.

Thank you for placing this code. It is really very helpful to me, to adjust my instagram icon. While, searching for this problem i also found an blog about best Instagram captions

1 Like