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

1

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>
<html>
<head>
    <title>Weather App</title>
    
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" 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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  
    <script src="weather.js" type="text/javascript"></script>
</head>
   
    <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>
   </ul>

    
    </div>
        </nav>
            </div>

        
       <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>
        
        </div>
    
 
    </body>
    
</html>
3

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.

4

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