Bootstrap tabs with list group

by Shridhar Baddur

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close"><span>&times;</span></button>
      <h4 class="modal-title">Activities</h4>
    </div>
    <div class="modal-body">
      <div class="clearfix margin-bottom-15px">
        <div class="input-group">
          <input type="text" class="form-control">
          <span class="input-group-addon">
    <i class="fa fa-search"></i>
  </span>
        </div>
      </div>
      <div class="clearfix">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#">All Activities</a></li>
          <li><a href="#">Recent Activities</a></li>
        </ul>
        <div class="tab-content">
          <div class="list-group">
            <a href="#" class="list-group-item border-top-none">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integ
  </a>
            <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
            <a href="#" class="list-group-item">Morbi leo risus</a>
            <a href="#" class="list-group-item">Porta ac consectetur ac</a>
            <a href="#" class="list-group-item">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec...

CSS

.margin-bottom-15px {
  margin-bottom: 15px;
}

.modal-footer {
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}

.border-top-none {
  border-top: none
}