JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="container">
    <div class="header">
        <nav class="d-flex justify-content-between">
            <a class="navbar-brand" href="#"><h1>Foo Bar</h1></a>
            <ul class="nav nav-pills justify-content-end">
                <li class="justify-content-end" role="presentation">
                    <a href="#t0">
                        <div class="nav-item">
                            <h3>John Doe</h3>
                            <img src="https://via.placeholder.com/100/" alt="John" class="img-circle">
                        </div>
                    </a>
                </li>
                <li class="justify-content-end" role="presentation">
                    <a href="#t1">
                        <div class="nav-item">
                            <h3>John Doe</h3>
                            <img src="https://via.placeholder.com/100/" alt="John" class="img-circle">
                        </div>
                    </a>
                </li>
                <li class="" role="presentation">
                    <a href="#t2">
                        <div class="nav-item">
                            <h3>John Doe</h3>
                            <img src="https://via.placeholder.com/100/" alt="John" class="img-circle">
                        </div>
                    </a>
                </li>
                <li class="" role="presentation">
                    <a href="#t3">
                        <div class="nav-item">
                            <h3>John Doe</h3>
                            <img src="https://via.placeholder.com/100/" alt="John" class="img-circle">
                        </div>
                    </a>
                </li>
                <li class="" role="presentation">
                    <a href="#t4">
  ...