JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
<div class="col-md-1 sprsHist">
  <p>История запросов</p>
  <ul class="sprH">
    <li tabIndex="0" class="hist">item 1</li>
    <li tabIndex="0" class="hist">item 2</li>
    <li tabIndex="0" class="hist">item 3</li>
    <li tabIndex="0" class="hist">item 4</li>
    <li tabIndex="0" class="hist">item 5</li>
    <li tabIndex="0" class="hist">item 6</li>
    <li tabIndex="0" class="hist">item 7</li>
    <li tabIndex="0" class="hist">item 8</li>
  </ul>
</div>
</div>
<footer class="footer">
   <div class="container-footer">
     <p class="text-muted text-center">Developed by Muzaffar Rasulov</p>
   </div>
</footer>

CSS

body{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer {
    width: 100%;
    background-color: #F0F0F0;
    border-top: solid #D0D0FF thin;
}

.container-footer p{
    margin: 0 0 1px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
}