html - responsive table with variable column number -


i have show user huge link cloud - 1000 links. it's natural use tables purpose, tables not responsive -- on mobile devices getting extremely small links, on small pr-screens getting scrollbar.

what want css framework decide, how many columns comfortable shown user, while link size still stays comfortable. so, its:

link    link    link    link    link link    link    link    link    link link    link    link    link    link 

on huge screen or:

link    link link    link link    link link    link link    link link    link link    link 

on mobile. how do using bootstrap?

bootstrap 12 column grid system, , can't divide 12 5, can have 4 or 6 columns in huge screen.
if want 6 columns replace col-md-3 col-md-2
anyway, want read bootstrap docs:http://getbootstrap.com/css/#grid

<div class="row">   <div class="col-xs-6 col-sm-6 col-md-3">link</div>   <div class="col-xs-6 col-sm-6 col-md-3">link</div>   <div class="col-xs-6 col-sm-6 col-md-3">link</div>   <div class="col-xs-6 col-sm-6 col-md-3">link</div>   <div class="col-xs-6 col-sm-6 col-md-3">link</div>   ... </div> 

Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -