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 vote127 views1 answer
Scroll x css
CSS
4 votes144 views1 answer
Make border to div
CSS
2 votes128 views1 answer
How to create space inbetween text css
CSS
0 vote140 views1 answer
Hovered one element change styles for another css
CSS
0 vote136 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
0 vote135 views2 answers
Icon inside a circle css
CSS
0 vote136 views1 answer
Media query change button text
CSS
0 vote142 views1 answer
Responsive gradient background css
CSS
0 vote134 views1 answer
Underlined style for a link
CSS
0 vote124 views3 answers
Force keyboard to show android programmatically
CSS