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 {
|
||||
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