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
Post a Comment