bootstrapのグリッドレイアウトにクラスを追加するだけ
<style>
.row-scrollable{
overflow-x: auto !important;
white-space: nowrap !important;
}
.row-scrollable > .col-scrollable {
display: inline-block !important;
float: none !important;
}
</style>
<!--使用法-->
<div class="row row-scrollable">
<div class="col-xs-4 col-scrollable">す</div>
<div class="col-xs-4 col-scrollable">っ</div>
<div class="col-xs-4 col-scrollable">ぺ</div>
<div class="col-xs-4 col-scrollable">ら</div>
<div class="col-xs-4 col-scrollable">ぴ</div>
<div class="col-xs-4 col-scrollable">っ</div>
<div class="col-xs-4 col-scrollable">ち</div>
<div class="col-xs-4 col-scrollable">ょ</div>
<div class="col-xs-4 col-scrollable">ん</div>
</div>