Simon Leung

<div>
<div class="content wysiwyg-content">
In Bootstrap 4, how to put sign up and login reference on Bootstrap right hand side of the navigation bar ? The code below doesn't show up icon, it only show the Sin Up and Login text. Any idea ? Thx<br />
<br />
<br />
&lt;nav class=&quot;navbar navbar-expand-sm bg-dark navbar-dark&quot;&gt;<br />
&nbsp; &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;<br />
&nbsp; &nbsp; &lt;img src=&quot;home1.png&quot; alt=&quot;logo&quot; style=&quot;width:40px;&quot;&gt;<br />
&nbsp; &lt;/a&gt;<br />
<br />
&nbsp; &lt;form class=&quot;form-inline&quot; action=&quot;&lt;?php echo $_SERVER['PHP_SELF'] ?&gt;&quot;&gt;<br />
&nbsp; &nbsp; &lt;input class=&quot;form-control mr-sm-2&quot; type=&quot;text&quot; placeholder=&quot;All&quot; name=&quot;search&quot;&gt;<br />
&nbsp; &nbsp; &lt;button class=&quot;btn btn-success&quot; type=&quot;submit&quot; name=&quot;submit&quot;&gt;Search&lt;/butt<wbr />on&gt;<br />
&nbsp; &lt;/form&gt;<br />
&nbsp; <br />
&nbsp; <br />
&lt;ul class=&quot;nav navbar-nav ml-auto&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &lt;li class=&quot;nav-item&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;&lt;span class=&quot;fas fa-user&quot;&gt;&lt;/span&gt; Sign Up&lt;/a&gt;<br />
&nbsp; &nbsp; &nbsp; &lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &lt;li class=&quot;nav-item&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;&lt;span class=&quot;fas fa-sign-in-alt&quot;&gt;&lt;/span&gt; Login&lt;/a&gt;<br />
&nbsp; &nbsp; &nbsp; &lt;/li&gt;<br />
&nbsp; &nbsp; &lt;/ul&gt;<br />
&lt;/nav&gt;
</div>
</div>


In Bootstrap 4, how to put sign up and login reference on Bootstrap right hand side of the navigation bar ? The code below doesn't show up icon, it only show the Sin Up and Login text. Any idea ? Thx


<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <a class="navbar-brand" href="#">
    <img src="home1.png" alt="logo" style="width:40px;">
  </a>

  <form class="form-inline" action="<?php echo $_SERVER['PHP_SELF'] ?>">
    <input class="form-control mr-sm-2" type="text" placeholder="All" name="search">
    <button class="btn btn-success" type="submit" name="submit">Search</button>
  </form>
  
  
<ul class="nav navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="#"><span class="fas fa-user"></span> Sign Up</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#"><span class="fas fa-sign-in-alt"></span> Login</a>
      </li>
    </ul>
</nav>

Put Sign Up and Login in Bootrap 4

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.