サムネイル

参考URLhttp://getbootstrap.com/components/#thumbnails

<div class="row">
    <div class="thumbnails">←thumbnailsはなくてもいい
        @for(thumbnail <- thumbnailPathList) {
            <div class="col-md-4">←横幅12分割の内1つのサムネイルに割り当てる数
                <a href="#" class="thumbnail">←thumbnailで囲われた範囲に枠がつく
                    <img src="@routes.Assets.at(thumbnail)" style="height:150px; width:200px;" >←画像の大きさを指定するならcssに書く
                </a>
                <a href="#">スライドのタイトル</a>
                <div style="margin-bottom:30px">概要をここに表示する</div>←marginを書くならcssに(今は面倒だから直書きしただけ)
            </div>
        }
    </div>
</div>