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 vote356 views1 answer
Add shadow to iframe
CSS
6 votes340 views1 answer
How to set option size to select in html css
CSS
0 vote461 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
1 vote389 views1 answer
Scroll bar on border radius element css
CSS
12 votes325 views3 answers
Css display grid
CSS
1 vote364 views1 answer
Calculate min number in css
CSS
6 votes385 views3 answers
Disable drag image css
CSS
0 vote338 views3 answers
Boostarp grid npm css react
CSS
0 vote379 views1 answer
Sticky header not working chrome
CSS
6 votes378 views2 answers
Css browser prefixes
CSS