Т.к. блоков модульной сетки в чистом виде я не видел, то можно оставить и такую нотацию
Я думаю, что как-то так:
<section class="skills col-md-5 col-md-offset-1">
<header class="skills__head col-md-12">
<h1>Навыки</h1>
</header>
<ul class="skills__items col-md-5 col-xs-5">
<li class="skill__item">
<div class="progress skill__progress"></div>
<p class="skill__title">HTML5 / XHTML</p>
</li>
<li class="skill__item">
<div class="progress skill__progress"></div>
<p class="skill__title">HTML5 / XHTML</p>
</li>
</ul>
<footer class="skills__footer">
<p class="foot__info">Lorem</p>
</footer>
</section>
