ads with bootstrap

Solutions on MaxInterview for ads with bootstrap by the best coders in the world

showing results for - "ads with bootstrap"
Sana
21 May 2019
1/*extra small - max width */
2@media (max-width: 767px) {
3
4/*.hidden-xs { display: none!important; } */
5.mrec-xs { width:300px; height:250px; }
6.leaderboard-xs { width:728px; height:90px; }
7.mobile-xs { width:320px; height:50px; }
8.skyscraper-xs { width:120px; height:600px; }
9.banner-xs { width:468px; height:60px; }
10}
11
12/* small */
13@media (min-width: 768px) and (max-width: 991px) {
14
15/*.hidden-sm { display: none!important; } */
16.mrec-sm { width:300px; height:250px; }
17.leaderboard-sm { width:728px; height:90px; }
18.mobile-sm { width:320px; height:50px; }
19.skyscraper-sm { width:120px; height:600px; }
20.banner-sm { width:468px; height:60px; }
21}
22
23/* medium */
24@media (min-width: 992px) and (max-width: 1199px) {
25
26/*.hidden-md { display: none!important; } */
27.mrec-md { width:300px; height:250px; }
28.leaderboard-md { width:728px; height:90px; }
29.mobile-md { width:320px; height:50px; }
30.skyscraper-md { width:120px; height:600px; }
31.banner-md { width:468px; height:60px; }
32}
33
34/* large */
35@media (min-width: 1200px) {
36
37/*.hidden-lg { display: none!important; } */
38.mrec-lg { width:300px; height:250px; }
39.leaderboard-lg { width:728px; height:90px; }
40.mobile-lg { width:320px; height:50px; }
41.skyscraper-lg { width:120px; height:600px; }
42.banner-lg { width:468px; height:60px; }
43}