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

32 votes184 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote137 views1 answer
Css selector all class prefix
CSS
5 votes117 views3 answers
Css glow effect
CSS
4 votes174 views1 answer
Animation-direction property
CSS
0 vote125 views1 answer
Css content from data attribute
CSS
-1 vote165 views1 answer
Remove line breaks css
CSS
0 vote126 views1 answer
See css from site
CSS
0 vote132 views1 answer
Position an icon in relation a parent element
CSS
1 vote120 views1 answer
React hide scrollbar
CSS
4 votes128 views1 answer
How to stop an image repeating in css
CSS