"bootstrap 4 news box"
Bootstrap 4.0.0 Snippet by dkstudio

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="latest-news"> <h3>Latest Campaign News</h3> <div class="latest-news-all"> <div class="latest-news-left"> <img src="https://www.orioninfosolutions.com/portfolio/img/app/super_panda.jpg" width="150px" alt=""> </div> <div class="latest-news-right"> <p>Lewinsky and Trump: I tremble for my country</p> <div class="news"> <span class="news-left">Admin</span> <span class="news-right">14 May, 2016</span> </div> </div> </div> <div class="latest-news-all"> <div class="latest-news-left"> <img src="https://www.orioninfosolutions.com/portfolio/img/app/super_panda.jpg" width="150px" alt=""> </div> <div class="latest-news-right"> <p>White House zings No. 2 Texas official transgender</p> <div class="news"> <span class="news-left">Admin</span> <span class="news-right">14 May, 2016</span> </div> </div> </div> <div class="latest-news-all"> <div class="latest-news-left"> <img src="https://www.orioninfosolutions.com/portfolio/img/app/super_panda.jpg" width="150px" alt=""> </div> <div class="latest-news-right"> <p>The Forest Service's climate change failure</p> <div class="news"> <span class="news-left">Admin</span> <span class="news-right">14 May, 2016</span> </div> </div> </div> <a href="#">View All</a> </div> </div> </div> </div>
.latest-news > h3 { color: #333; font-size: 24px; font-weight: 500; line-height: 20px; margin-bottom: 40px; } .latest-news-all { border-bottom: 1px solid #ddd; display: block; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; } .latest-news-left { display: inline-block; float: left; padding-right: 20px; } .latest-news-right > p { color: #333; font-size: 13px; font-weight: 500; margin-bottom: 9px; } .news span.news-left { padding-right: 18px; } .news span { color: #333; font-size: 12px; font-weight: normal; }

Related: See More


Questions / Comments: