javascript - Long Ul in Bootstrap -


i have ul 40-200 li. have in 1 column want automatically make 2+ columns based on amount of li present fits screen.

i had success splitting ul manually 2 sets , making each row in mobile screen adds huge white space between 2 uls. wonderful.

<div  class="container-fluid contentcontainer margintop" id="topcontainer" style="margin-bottom:0 px">  		<div class="row">  			<div  class="col-md-6 " id="toprow">  				<ul  class="dl-multicolumn" id="list">  					  					<li><a class="linksroll" href="javascript:opendocument('2974')"><font face='tahoma' size='3'>aa latin upfront commisison </font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2941')"><font face='tahoma' size='3'>aa/ba/ib/ay transatlantic global upfront commission</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3295')"><font face='tahoma' size='3'>aa/qantas oceanic upfront</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2943')"><font face='tahoma' size='3'>aa/us/ba/ib preferred upfront commission</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2942')"><font face='tahoma' size='3'>aa/us/ba/ib/ay transatlantic oneworld upfront</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3344')"><font face='tahoma' size='3'>ac pacific tot upfront commission</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3343')"><font face='tahoma' size='3'>ac transborder/within canada ticket 6/30/2016</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3182')"><font face='tahoma' size='3'>aerolineas argentina 2015 ticket 31dec2015</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2857')"><font face='tahoma' size='3'>austrian air layover offers</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2961')"><font face='tahoma' size='3'>avianca – net fares – apollo formats</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2960')"><font face='tahoma' size='3'>avianca – net fares – sabre formats</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3046')"><font face='tahoma' size='3'>ba/ib soft dollar fund -waivers , favors program</font></a></li>  								  					<li><a class="linksroll" href="javascript:opendocument('3020')"><font face='tahoma' size='3'>british air group deposits</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3134')"><font face='tahoma' size='3'>british air seat assignment instructions</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3364')"><font face='tahoma' size='3'>cathay pacific - commission contract</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3268')"><font face='tahoma' size='3'>cathay pacific hkg/hij/hkg add-on after 16aug15 </font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3064')"><font face='tahoma' size='3'>el al ticket through 12/31/2015</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('2849')"><font face='tahoma' size='3'>emirates chauffeur drive services</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3368')"><font face='tahoma' size='3'>eva air 8% plus $80.00 upfront</font></a></li>  					  					<li><a class="linksroll" href="javascript:opendocument('3166')"><font face='tahoma' size='3'>eva air intra asia through 30nov15</font></a></li>  				    				</ul>	  			</div>  		</div>  	</div>  	


Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -