JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a href="home/index" class="navbar-brand">
                <img src="http://placehold.it/50x20" alt="" class=" left img-rounded img-responsive noborder " />
            </a>
        </div>
        <div class="collapse navbar-collapse ">
            <ul class="nav navbar-right  nav-pills navbar-right ">
                <li><a href="#">@Html.ActionLink("1", "Index", "ContactUs")</a></li>
                <li><a href="#">@Html.ActionLink("2", "Allpictuers", "Home")</a></li>
                <li><a href="#">@Html.ActionLink("3", "Index", "Courses")</a></li>
                <li><a href="#">@Html.ActionLink("4", "Events", "Home")</a></li>
                <li><a href="#">@Html.ActionLink("5", "OurStafMembers", "Home")</a></li>
                <li><a href="#">@Html.ActionLink("6", "Index", "Abouts")</a></li>
                <li><a href="#">@Html.ActionLink("7", "Index", "Home")</a></li>
                <li><a href="#">@Html.ActionLink("8", "Index", "English")</a></li>
                <li><a href="#">@Html.ActionLink("Thisis _Layout", "Index", "English")</a></li>

                @if (User.Identity.IsAuthenticated)
                {
                    <li>  @Html.Partial("_LoginPartial")</li>
                    <li>@Html.ActionLink("Admin", "Index", "admin")</li>
                }
            </ul>
        </div>