Bootstrap 4 Template

This is a simple Twitter Bootstrap 4 template. To check BS4 and Bootstrap-table compatibility.

by Juan Muñoz

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <div class="card col-md-4" style="width:auto">
    <div class="card-body">
    <h5 class="card-title">Ultimos Tweets de Tax Planning Group <a href="https://twitter.com/TpgSpA">@TpgSpA</a><span class='icono'><i class='fa fa-twitter'></i></span></h5>
    <p class="card-text mt-3">SII extiende fecha para declarar IVA sin ningún recargo.</p><span>13-Nov-2019 08:11</span><a href="" target="_blank" class="card-link float-right">Tweet</a></div></div>
  </div>
</div>

CSS

#carouselExampleIndicators{
  width: 50em;
  background-color:green;
}
.icono{
  position: absolute;
  top:12px;
  right:0;
  padding:11px;
  color:rgba(29,161,242,1.00);
  border: 1px solid rgba(175,222,251,1);
  border-radius: 50%;
}
.icono i{
  font-size: 18pt;
}
.icono:hover{
  background-color:rgba(29,161,242,.1);
  border: 1px solid rgba(29,161,242,.8);
}

JavaScript

$('.carousel').carousel()