Skip to main content
removeu 39 caracteres do conteúdo
Fonte Link
LeAndrade
  • 9mil
  • 11
  • 29
  • 52

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav e o conteúdo dela que são as li eu coloquei dentro da div footer-logo:

img {
  width: 100px;
  height: 30px;
}
lia {
  list-style-type: none;
  padding-right: 5px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>

      <li<a class="float-right"><aright" href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
      <li<a class="float-right"><aright" href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>

    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav e o conteúdo dela que são as li eu coloquei dentro da div footer-logo:

img {
  width: 100px;
  height: 30px;
}
li {
  list-style-type: none;
  padding-right: 5px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>

      <li class="float-right"><a href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
      <li class="float-right"><a href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>

    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap:

img {
  width: 100px;
  height: 30px;
}
a {
  padding-right: 5px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>

      <a class="float-right" href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
      <a class="float-right" href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>

    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>

formatação
Fonte Link
LeAndrade
  • 9mil
  • 11
  • 29
  • 52

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav e o conteúdo dela que são as li eu coloquei dentro da div footer-logo:

img {
  width: 100px;
  height: 30px;
}
li {
  list-style-type: none;
  padding-right: 5px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a> 

      <ul<li class="float-right">
        <li><aright"><a href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
       <li <li><aclass="float-right"><a href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>
      </ul>
    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav e o conteúdo dela que são as li eu coloquei dentro da div footer-logo:

img {
  width: 100px;
  height: 30px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>
      <ul class="float-right">
        <li><a href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
        <li><a href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>
      </ul>
    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav e o conteúdo dela que são as li eu coloquei dentro da div footer-logo:

img {
  width: 100px;
  height: 30px;
}
li {
  list-style-type: none;
  padding-right: 5px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a> 

      <li class="float-right"><a href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
      <li class="float-right"><a href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>

    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>

Fonte Link
LeAndrade
  • 9mil
  • 11
  • 29
  • 52

Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav e o conteúdo dela que são as li eu coloquei dentro da div footer-logo:

img {
  width: 100px;
  height: 30px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<footer class="footer-bg">
  <div class="footer">
    <div class="footer-logo">
      <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>
      <ul class="float-right">
        <li><a href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
        <li><a href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>
      </ul>
    </div>
  </div>
  <hr style="border: 1px solid rgba(77,77,77,0.5)">
  <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
  </p>
</footer>