CSS , JQUERY and COLUMNS
I'm trying to get some columns to fit on all devices (div columns). I need something like this:
1 2
3
4
I would like 2,3 and 4 to wrap under 1 vertically when it is shown in a mobile browser.
1 2
3
4
I would like 2,3 and 4 to wrap under 1 vertically when it is shown in a mobile browser.
Last Comment
ok, got the display you want on a mobile... what about the display on a desktop?
will it be
1 2
3 4
or anything else?
and as Julian asked, what will you be using? bootstrap?
will it be
1 2
3 4
or anything else?
and as Julian asked, what will you be using? bootstrap?
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thanks for the help guys. I thought I would follow up that now this type of use is even easier with CSS Grid instead of bootstrap since CSS Grid works in all the browsers.
You are welcome
since CSS Grid works in all the browsersInterested to know what browsers Bootstrap does not work in?
ASKER
Bootstrap works well too. Just a little faster with CSS Grid. I also like the ability to do two dimensional in CSS Grid now.
Ok but last I checked grid and IE do not play nice.
Can I Use is a good resource for browser support: http://caniuse.com/#search=grid
So yeah, looks like IE has iffy support for grid.
So yeah, looks like IE has iffy support for grid.
ASKER
Yeah, that is funny though because CSS Grid was born out of IE. They used it in Win 10 for their Start Page. All the other browsers just caught up about 2 months ago. IE is a little behind, but they will get there. On another note, Firefox has the best investigator for now for CSS Grid. It actually shows you all the grids on inspection.
HTML
HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.
62K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
Bootstrap will do this with its grid layout - or should.
I don't understand the
1 2
3
4
Is that what it must look like on desktop or on mobile