JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css">
<!-- part 1 -->
<div class="alert alert-warning ">Today many things happened Part 1 <span class="badge badge-info">121</span>

    <div class="pull-right"><a class="btn btn-lg" data-toggle="collapse" data-target="#myTable"><i class="glyphicon glyphicon-bell"></i></a>

    </div>
</div>
<!-- part 2 -->
<div class="alert alert-warning border2"><span class="align_them border">Today many things happened Part 2 </span><span class="align_them border badge badge-info">121</span>
 <a class="align_them border pull-right btn btn-lg" data-toggle="collapse" data-target="#myTable"><i class="glyphicon glyphicon-bell"></i>
</a>

</div>
<!-- part 3 -->
<div class="alert alert-warning border2"><span class="align_them2 border">Today many things happened Part 3 </span><span class="align_them2 border badge badge-info">121</span>
 <a class="align_them2 border pull-right btn btn-lg" data-toggle="collapse" data-target="#myTable"><i class="glyphicon glyphicon-bell"></i>
</a>

</div>
<!-- part 4 -->
<div class="alert alert-warning main_align border2"><span class="align_them2 border">Today many things happened Part 4 </span><span class="align_them2 border badge badge-info">121</span>
 <a class="align_them2 border pull-right btn btn-lg" data-toggle="collapse" data-target="#myTable"><i class="glyphicon glyphicon-bell"></i>
    </a>

</div>
<!-- part 5 -->
<div class="alert alert-warning border2 no_padding"><span class="border">Today many things happened Part 5 </span><span class="border badge badge-info">121</span>
 <a class="border pull-right btn btn-lg" data-toggle="collapse" data-target="#myTable"><i class="glyphicon glyphicon-bell"></i>
    </a>

</div>
<!-- part 6 -->
<div class="alert...

CSS

.align_them {
    vertical-align:middle;
}
.align_them2 {
    vertical-align:middle;
}
.align_them3 {
    vertical-align:middle;
    line-height:5px;
}
.main_align {
    line-height:5px;
}
.border {
    border: 1px solid red;
}
.border2 {
    border: 1px solid blue;
}
.no_padding {
    padding:0;
}
.bring_it_up {
    margin-top: -3px;
}