gistfile1.html

<!--- Semantic UI !-->
<nav class="ui menu">
  <h3 class="header item">Title</h3>
  <a class="active item">Home</a>
  <a class="item">Link</a>
  <a class="item">Link</a>
  <span class="right floated text item">
    Signed in as <a href="#">user</a>
  </span>
</nav>

<!--- Bootstrap !-->
<div class="navbar">
  <a class="navbar-brand" href="#">Title</a>
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">User</a></p>
  </ul>
</div>


<!--- Semantic UI !-->
<button class="large ui button">
  <i class="heart icon"></i>
  Like it
</button>

<!--- Bootstrap !-->
<button type="button" class="btn btn-primary btn-lg">
  <span class="glyphicon glyphicon-heart"></span>
  Like
</button>