Верстаю Material Design. На выходе должна получиться такая панель:
Использую Bootstrap:
<div class="panel panel-default">
<div class="panel-heading">Мои пройденные курсы</div>
<div class="panel-body" style="padding: 0px;">
<div class="list-group-item" style="border: none;">
<div class="list-group-item-heading">Осваиваем Python за 55 дней <div class="pull-right"><button type="button" class="close"><span>×</span></button></div></div>
</div>
<hr style="margin-top: 1px; margin-bottom: 1px;" />
<div class="list-group-item" style="border: none;">
<div class="list-group-item-heading">Подготовка к International English Language testing System <div class="pull-right"><button type="button" class="close"><span>×</span></button></div></div>
</div>
<div style="padding: 10px 15px;">
<div class="text-center">добавить курс <div class="pull-right"><span>+10</span></div></div>
</div>
</div>
</div>
Можно ли сверстать Material Design использую стандартные классы Bootstrap? Или есть сторонние библиотеки?