Horizontal Scrolling Bopostrap CSS

143

.scrolling-wrapper-flexbox {  display: flex;  flex-wrap: nowrap;  overflow-x: auto;  .card {    flex: 0 0 auto;  }}
<div class="scrolling-wrapper">  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div>  <div class="card"><h2>Card</h2></div></div>
.scrolling-wrapper {  overflow-x: scroll;  overflow-y: hidden;  white-space: nowrap;  .card {    display: inline-block;  }}

Comments

Submit
0 Comments