我正在尝试创建一个带徽标的漂亮页面,徽标的大小不同。徽标需要连续五个,并且必须显示响应。
直到现在我已经设置了此页面:https://deduik.com/werkgevers-referenties.html
如果在iPhone上查看此页面,某些徽标将与其他徽标重叠。徽标周围必须有一些空白区域,并以水平线为中心,因此看起来不错。
问题如何在Bootstrap中设置此页面的最佳方式?
我现在正在使用:
.container {
margin-top: 40px!important;
}
.row{
margin-bottom: 35px !important;
}
ul {
/* padding:0 0 0 0!important; */
margin-top: 20px!important;
margin-bottom: 220px!important;
/* margin:0 0 0 0!important; */
}
ul li {
list-style:none!important;
margin-top: 20px!important;
margin-bottom: 20px!important;
}
ul li img {
max-width: 95%;
position: relative!important;
top: 50%!important;
transform: translateY(-50%)!important;
}
<div class="container">
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/philips.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/uwv.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/de-lage-landen.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/rabobank.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/roc-amsterdam.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/fontys-hogescholen.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/start-people.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/TNO.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/anb-amro.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/de-bijenkorf.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/asml_logo.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/politie.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/brandweer-brabant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/kpmg.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ministerie_van_justitie_logo.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/Bedrijfs-logo-daf.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ing-bank.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/logo-cz.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/logo_enexis.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/hogeschool_arnhem_en_nijmegen.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/continu.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/shell.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/nxp-eindhoven.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ministerie-economische-zaken.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-amsterdam.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/fokker_wlmo_logo.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/zwitser-leven.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/university_of_amsterdam.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/apg_logo.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/dordrecht.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/prorail-utrecht.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ericsson.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/provincie-noord-brabant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/c1000-supermarkten.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/twentse-zorg-centra.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/asr-vastgoed.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/vitalis.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/waterschap-de-dommel.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/alliantie.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/MMC.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-weert.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/brabant-wonen.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/schiphol-amsterdam.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/clariant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-eindhoven.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/bavaria-lieshout.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/plantyn_logo.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/de-bascule.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/fme.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/carglass.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/frencken-eindhoven.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-acht-karspelen.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/staatsbosbeheer.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-bergen-op-zoom-brabant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-dronten.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/wolters_bv.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/diamant_groep.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/hww_zorg.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/van-hoorn.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/feder_advocaten.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-roerdalen.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-westvoorne.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-zwartewaterland.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/grafisch-lyceum-rotterdam.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gx-nijmegen.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/summa-collega-brabant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/mik-kinderopvang.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/sanoma.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/prodas-asten.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/radar-arbeidsdeskundig-bureau.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/roc-friese-poort.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/siza.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/spaarne-landen.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/spie.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/veiligheids-huis-friesland.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/vencotec.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/vesteda.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/sioux-eindhoven.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/wvs-groep.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/blok-group.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/agio.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/career-consultancy.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/dierenkliniek-de-kempen-eersel.png"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/every-angle.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/extrema.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ggz-oost-brabant.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/paccar-financial.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/provincie-gelderland.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/spies-spreken-nijmegen.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/umc-radboud-training-persoonlijke-ontwikkeling.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/van-lanschot.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/summa-collega-brabant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/van-hoorn.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/blok-group.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/edco-eindhoven.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ergon-eindhoven.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-hoogeveen.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/langeland_logo.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/pink-rabbit.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/cross-marks.jpg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-deurne.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/brinck-groep-zeewolde.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/divetro.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/doesburg-components.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gastouder-bureau-roodkapje.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/inno_metaal.gif" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/sta-op-training-advies.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gemeente-waalre.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/logo_Kentalis.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gymnasium-montfort.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/hamelink-tooren.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/lengersdorf.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/lunet-zorg-eindhoven.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/nts-group.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/nationale-postcode-loterij.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/renault-hapert-brabant.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/rsg-finance.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/schipper.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/koninklijke-de-vries-scheepsbouw-bv-aalsmeer-1243.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/sophianum.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/hoppeLogo.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/napoleon.gif" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/Xycarbx_ceramics.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/Gemeente-westvoorne-logo.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/scannexus.jpeg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/gilissen.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ons.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/jonk.jpg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/MB-logo.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/boboli.jpeg" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/MS-schippers-logo.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/artemis.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/licht-reclame.png" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/ah_dairy.jpeg" class="img-responsive"></li>
<li class="col-lg-2 col-md-2 col-sm-3"><img src="https://deduik.com/logo/woonzorg-nederland.png" class="img-responsive"></li>
<li class="clearfix visible-lg-block visible-mg-block visible-sm-block visible-sm-block"></li>
</ul>
</div>
答案 0 :(得分:0)
您可以添加媒体查询以区分设备尺寸。像这样,
@media only screen and (min-device-width: 320px)
and (max-device-width: 480px)
{ *your styles for this size here}
您可以添加所需的媒体查询,具体取决于您希望网站显示的设备大小。
希望这是你要找的答案。