Horizontal Scrolling Bopostrap CSS

.scrolling-wrapper-flexbox {  display: flex;  flex-wrap: nowrap;  overflow-x: auto;  .card {    flex: 0 0 auto;  }}

Source: codeburst.io

Horizontal Scrolling Bopostrap

<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>

Source: codeburst.io

Horizontal Scrolling Bopostrap CSS

.scrolling-wrapper {  overflow-x: scroll;  overflow-y: hidden;  white-space: nowrap;  .card {    display: inline-block;  }}

Source: codeburst.io

Similar codes

0 vote315 views1 answer
Adding diffent style in firefox css
CSS
6 votes311 views3 answers
Vw css
CSS
4 votes315 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
1 vote353 views1 answer
Input date icon color change
CSS
0 vote311 views1 answer
Html5 video hide timeline bar
CSS
0 vote370 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote315 views1 answer
Css float placeholder
CSS
6 votes295 views3 answers
How to make rounded corners in css with images
CSS
0 vote329 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
7 votes325 views3 answers
Remove hover effect css
CSS