<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-lg-12 tagcloud"> <a href=""><span>быть</span><span> | </span><span>12</span></a> <a href=""><span>бирже</span><span> | </span><span>25</span></a> <a href=""><span>рерайтинга</span><span> | </span><span>45</span></a> <a href=""><span>баллов</span><span> | </span><span>23</span></a> <a href=""><span>приступаем</span><span> | </span><span>112</span></a> <a href=""><span>заказов</span><span> | </span><span>235</span></a> <a href=""><span>рерайтинга</span><span> | </span><span>512</span></a> <a href=""><span>устраивает</span><span> | </span><span>225</span></a> <a href=""><span>Откликнуться</span><span> | </span><span>912</span></a> <a href=""><span>заказ</span><span> | </span><span>625</span></a> <a href=""><span>фрагментами</span><span> | </span><span>812</span></a> <a href=""><span>слова</span><span> | </span><span>125</span></a> <a href=""><span>узнайте</span><span> | </span><span>312</span></a> <a href=""><span>качественный</span><span> | </span><span>425</span></a> </div>

$(document).ready(function(){ var classes = ["label label-primary","label label-success","label label-info","label label-warning","label label-default","label label-default","label label-danger"]; $(".tagcloud a").each(function(){ $(this).addClass(classes[~~(Math.random()*classes.length)]); }); });