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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css">
<div class="dvNav">
  <a class="btn  btn-outline-primary tamanhoBotao">
    <li class=" oi oi-media-record"></li>
    <p class="margenTextoBotao">Salvar</p>
    </a>

    <a class="btn btn-secondary tamanhoBotao">
    <li class=" oi oi-media-skip-backward"></li>
    <p class="margenTextoBotao">Primeiro</p>
    </a>

    <a class="btn btn-secondary tamanhoBotao">
    <li class=" oi oi-caret-left"></li>
    <p class="margenTextoBotao">Anterior</p>
    </a>
    <a class="btn btn-secondary tamanhoBotao">
    <li class=" oi oi-caret-right"></li>
    <p class="margenTextoBotao">Próximo</p>
    </a>
    <a class="btn btn-secondary tamanhoBotao">
    <li class=" oi oi-media-skip-forward"></li>
    <p class="margenTextoBotao">Último</p>
  </a>
</div>


 <div class="form-row">
                        <div class="form-group  row"">

                            <label for="ID_CLIENTE">ID_CLIENTE</label>
                            <input type="text" id="ID_CLIENTE" name="ID_CLIENTE" class="form-control" ng-model="cadastro.ID_CLIENTE" readonly>
                        </div>
                        <div class="form-group">
                            <label for="RAZAO_SOCIAL">RAZAO SOCIAL</label>
                            <input type="text" id="RAZAO_SOCIAL" name="RAZAO_SOCIAL" class="form-control" ng-model="cadastro.RAZAO_SOCIAL">
                        </div>
                        <div class="form-group">
                            <label for="NOME_FANTASIA">NOME FANTASIA</label>
...

CSS

.tamanhoBotao{
  width:90px;
  height:50px;
}
.margenTextoBotao{
  margin-top:-8px;
}
.dvNav{
  margin-left:auto;
  margin-right:auto;
  width:100vw;
  text-align:center
}