Блок по ширине другого блока

[maxg5]

На этой странице ест список подразделов. На экранах с небольшим разрешением список разделов выходить за пределы границы.(см. вложение)
Как уместить это все в блоке .col-sm-3 или сделать перенос строки? 

 

  <div class="row">
        <div style="white-space: nowrap;margin-bottom: 18px;" class="col-sm-3">
            <?php foreach ($categories as $category) { ?>
            <a style="margin-right:10px;font-size: 20px;font-weight: bold;" href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
            <?php } ?>
           </div>
      </div>

 

[Shkip]

уберите стиль 

white-space: nowrap;

и будет вам счастье

http://c2n.me/3ISRPzn