JSFiddle - React, Tailwind, and code Playground

by megaadriano

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!--<div ng-include="'view/header.html'"></div>-->
<!--<div class="loader centerComp" ng-if="carregando || !preparacao"></div>-->
<!--ng-if="contratos.length > 0 && usuarios.length > 0 && atividades.length > 0"-->
<div class="jumbotron container" ng-hide="!carregou">
    <div id="dv1">
        <h3 class="text-primary text-center">GESTÃO DE ATIVOS</h3>
        <div class="dvNav">
            <a class="btn  btn-outline-primary tamanhoBotao novo" id="BoNovo" ng-click="criaNovo()" ng-hide="usuario.ID_PERMISSAO == '1' || usuario.ID_PERMISSAO == '2' || usuario.ID_PERMISSAO == '3'  ">
                <span class=" oi oi-plus"></span>
                <p class="margenTextoBotao">Novo</p>
            </a>
            <a class="btn  btn-outline-primary tamanhoBotao " id="BoSalva" ng-click="salvarRegistro(cadastro)">
                <span class=" oi oi-media-record"></span>
                <p class="margenTextoBotao">Salvar</p>
            </a>

            <a class="btn btn-outline-primary  tamanhoBotao" ng-click="moveRegistro(-1, true)">
                <span class=" oi oi-media-skip-backward"></span>
                <p class="margenTextoBotao">Primeiro</p>
            </a>

            <a class="btn btn-outline-primary tamanhoBotao anterior" ng-click="moveRegistro(-1)">
                <span class=" oi oi-caret-left"></span>
                <p class="margenTextoBotao">Anterior</p>
            </a>
            <a class="btn btn-outline-primary  tamanhoBotao proximo" ng-click="moveRegistro(1)">
                <span class="oi oi-caret-right"></span>
                <p class="margenTextoBotao">Próximo</p>
      ...

CSS

.cadastro-ativos{

  }