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

27 votes196 views1 answer
Css how to create gradients on text outline
CSS
3 votes202 views2 answers
Downgrade composer to 1 in vagrant
CSS
14 votes206 views5 answers
Input number hide arrows
CSS
3 votes220 views3 answers
Remove box around button when clicked
CSS
10 votes218 views2 answers
Import css in another css file
CSS
8 votes199 views2 answers
Text that shows an underline on hover
CSS
0 vote207 views2 answers
Css cut text of
CSS
0 vote184 views1 answer
Details summary hide arrow
CSS
55 votes210 views5 answers
Margin shorthand CSS
CSS
0 vote206 views1 answer
After icon css
CSS