对齐同一行引导中的项目

Question

我一直试图在bootstrap的同一行显示项目，这是我的代码，之前它正在工作，但我想我搞砸了，我对bootstrap有点新手， 任何帮助将非常感激。          

    <div class="row">
        {% for album in all_albums %}

             <div class="col-sm-4 col-lg-2">
                    <div class="thumbnail">
                        <a href="{% url 'music:detail' album.id %}">
                            <img src="{{ album.album_logo.url }}" class="img-responsive">
                         </a>
                        <div class="caption">
                            <h2>{{ album.album_title}}</h2>
                            <h4>{{ album.artist}}</h4>

                        <!-- Details -->
                            <a href="{% url 'music:detail' album.id %}" class="btn btn-primary btn-sm">Details</a>
                        <!-- Delete -->
                            <form action="{% url 'music:album-delete' album.id %}" method="post" style="display: inline;">
                        {% csrf_token %}
                                <input type="hidden" name="album_id" value="{{ album.id}} "/>
                                <button type="submit" class="btn btn-default btn-sm">
                                    <span class="glyphicon glyphicon-trash"></span> Delete
                                </button>
                            </form>
                        <!--Favorite-->
                            <a href="#" class="btn btn-default btn-sm btn-favorite">
                                <span class="glyphicon glyphicon-star">{% if album.is_favorite%}active{% endif %}</span>
                             </a>
                        </div>
                    </div>
             </div>
    </div>
</div>