在Bootstrap中创建一个带徽标的漂亮页面

时间:2017-05-29 11:16:22

标签: html css twitter-bootstrap

我正在尝试创建一个带徽标的漂亮页面,徽标的大小不同。徽标需要连续五个,并且必须显示响应。

直到现在我已经设置了此页面: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>

1 个答案:

答案 0 :(得分:0)

您可以添加媒体查询以区分设备尺寸。像这样,

@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px)
{ *your styles for this size here} 

您可以添加所需的媒体查询,具体取决于您希望网站显示的设备大小。

希望这是你要找的答案。