Merge pull request #333 from legendtang/master
themes/bootstrap: add media queries to bootstrap-theme for better responsive UI on mobile devices
This commit is contained in:
commit
31e7adea63
1 changed files with 18 additions and 0 deletions
|
@ -1,3 +1,21 @@
|
||||||
header h3 a, header .brand {
|
header h3 a, header .brand {
|
||||||
display:none !important;
|
display:none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-device-width: 600px) {
|
||||||
|
#maincontent.container {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-device-width: 360px) {
|
||||||
|
#maincontent.container {
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-device-width: 200px) {
|
||||||
|
#maincontent.container {
|
||||||
|
margin-top: 230px;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue