Twitter bootstrap 引导网格不'；不要从头开始

在过去成功使用引导网格布局后，我遇到了麻烦，不明白我做错了什么

我的目标是创建一个半随机的图片布局，这意味着IMG的偏移量可能会因行而异，但我很小心，最后它总是加起来12，所以它应该在开始时开始新的一行，但它不

这是代码和代码笔-：

---

如你所见，例如“Frohe Weihnachden（schlitten）”不在这一行的开头，我不明白为什么。非常感谢您的帮助……

我显然不明白您想要的是什么，但如果您想在完成第12格后创建新的线条，请使用Clear或Break

例：

    <div class="container">
    <div class="row">
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#einfach"><img src="http://www.bakari.de/wp-content/uploads/2014/09/61.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#mitbringsel"><img src="http://www.bakari.de/wp-content/uploads/2014/09/45.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-4 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#geburtstagsglueck"><img src="http://www.bakari.de/wp-content/uploads/2014/09/62.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#girl"><img src="http://www.bakari.de/wp-content/uploads/2014/09/57.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#fweihnachten"><img src="http://www.bakari.de/wp-content/uploads/2014/09/60.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-6 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#fehlst"><img src="http://www.bakari.de/wp-content/uploads/2014/09/43.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#glueck"><img src="http://www.bakari.de/wp-content/uploads/2014/09/42.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-4 col-lg-4 col-sm-offset-0 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#hdl"><img src="http://www.bakari.de/wp-content/uploads/2014/09/55.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-6 col-xs-offset-1 col-xs-11"> <a href="http://bakari.de/unsere-botschaften/#kopfhoch"><img src="http://www.bakari.de/wp-content/uploads/2014/09/40.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-1 col-xs-11"> <a href="http://bakari.de/unsere-botschaften/#muttertag"><img src="http://www.bakari.de/wp-content/uploads/2014/09/50.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#gutebesserung"><img src="http://www.bakari.de/wp-content/uploads/2014/09/47.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-3 col-lg-3 col-sm-offset-0 col-sm-5 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#happybirthday"><img src="http://www.bakari.de/wp-content/uploads/2014/09/41.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#newyear"><img src="http://www.bakari.de/wp-content/uploads/2014/09/52.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-1 col-xs-11"> <a href="http://bakari.de/unsere-botschaften/#fostern"><img src="http://www.bakari.de/wp-content/uploads/2014/09/44.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-4 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#christkindl"><img src="http://www.bakari.de/wp-content/uploads/2014/09/63.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-5 col-lg-5 col-sm-offset-1 col-sm-3 col-xs-offset-1 col-xs-11"> <a href="http://bakari.de/unsere-botschaften/#danke"><img src="http://www.bakari.de/wp-content/uploads/2014/09/46.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#wiesn"><img src="http://www.bakari.de/wp-content/uploads/2014/09/59.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-1 col-xs-11"> <a href="http://bakari.de/unsere-botschaften/#dankeschoen"><img src="http://www.bakari.de/wp-content/uploads/2014/09/54.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-2 col-xs-10"> <a href="http://bakari.de/unsere-botschaften/#fweihnachten2"><img src="http://www.bakari.de/wp-content/uploads/2014/09/51.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#justmarried"><img src="http://www.bakari.de/wp-content/uploads/2014/09/49.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-1 col-sm-4 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#essiggurken"><img src="http://www.bakari.de/wp-content/uploads/2014/09/53.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#valentine"><img src="http://www.bakari.de/wp-content/uploads/2014/09/48.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-1 col-sm-3 col-xs-offset-2 col-xs-10"> <a href="http://bakari.de/unsere-botschaften/#fostern2"><img src="http://www.bakari.de/wp-content/uploads/2014/09/64.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-5 col-lg-5 col-sm-offset-0 col-sm-5 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#schaffstdas"><img src="http://bakari.de/wp-content/uploads/2014/10/wolke_du_schaffst_das_17.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-1 col-lg-offset-1 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-1 col-xs-11"> <a href="http://bakari.de/unsere-botschaften/#grussvomnikolaus"><img src="http://www.bakari.de/wp-content/uploads/2014/11/grussvomnikolaus.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-3 col-xs-offset-0 col-xs-12"> <a href="http://bakari.de/unsere-botschaften/#glueckwunsch"><img src="http://www.bakari.de/wp-content/uploads/2015/08/wolke_HerzlichenGlueckwunsch.png" class="wolke_s"></a></div>
        <div class=" col-md-offset-0 col-lg-offset-0 col-md-2 col-lg-2 col-sm-offset-0 col-sm-6 col-xs-offset-3 col-xs-9"> <a href="http://bakari.de/unsere-botschaften/#gutefahrt"><img src="http://www.bakari.de/wp-content/uploads/2015/08/wolke_guteFahrt.png" class="wolke_s"></a></div>

    </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-12">
    </div>
  </div>

<br/>

  <div class="row">
    <div class="col-md-12">
    </div>
  </div>
</div>