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 vote342 views1 answer
Microwave
CSS
0 vote373 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote347 views1 answer
Css if select has value
CSS
13 votes384 views4 answers
Reduce image size css
CSS
1 vote366 views1 answer
Apply color tint to image
CSS
6 votes399 views3 answers
Skeleton css cdn
CSS Skeleton
4 votes342 views1 answer
Css grid wrap columns
CSS
1 vote354 views2 answers
How to add google fonts to css in react
CSS
5 votes384 views1 answer
Make div the size of the text inside
CSS
0 vote354 views1 answer
Create an irregular shape div css
CSS