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>

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.