|
|
@ -9,95 +9,132 @@ |
|
|
|
<link rel="stylesheet" href="~/LTEMvcApp.styles.css" asp-append-version="true" /> |
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" /> |
|
|
|
<style> |
|
|
|
/* 全局容器样式调整 - 使用更强的选择器 */ |
|
|
|
/* 全局容器样式调整 - 使用更强的选择器覆盖Bootstrap */ |
|
|
|
.container, |
|
|
|
.container-fluid, |
|
|
|
body .container, |
|
|
|
body .container-fluid { |
|
|
|
padding-left: 2rem !important; |
|
|
|
padding-right: 2rem !important; |
|
|
|
max-width: 1400px !important; |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
max-width: 95vw !important; |
|
|
|
width: 95vw !important; |
|
|
|
margin: 0 auto !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 响应式边距调整 */ |
|
|
|
@@media (max-width: 1200px) { |
|
|
|
.container, |
|
|
|
.container-fluid, |
|
|
|
body .container, |
|
|
|
body .container-fluid { |
|
|
|
padding-left: 1.5rem !important; |
|
|
|
padding-right: 1.5rem !important; |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
max-width: 98vw !important; |
|
|
|
width: 98vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 768px) { |
|
|
|
.container, |
|
|
|
.container-fluid, |
|
|
|
body .container, |
|
|
|
body .container-fluid { |
|
|
|
padding-left: 1rem !important; |
|
|
|
padding-right: 1rem !important; |
|
|
|
padding-left: 0.25rem !important; |
|
|
|
padding-right: 0.25rem !important; |
|
|
|
max-width: 99vw !important; |
|
|
|
width: 99vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 576px) { |
|
|
|
.container, |
|
|
|
.container-fluid, |
|
|
|
body .container, |
|
|
|
body .container-fluid { |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
padding-left: 0.125rem !important; |
|
|
|
padding-right: 0.125rem !important; |
|
|
|
max-width: 100vw !important; |
|
|
|
width: 100vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* 导航栏样式调整 */ |
|
|
|
.navbar .container-fluid, |
|
|
|
body .navbar .container-fluid { |
|
|
|
padding-left: 2rem !important; |
|
|
|
padding-right: 2rem !important; |
|
|
|
max-width: 1400px !important; |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
max-width: 95vw !important; |
|
|
|
width: 95vw !important; |
|
|
|
margin: 0 auto !important; |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 1200px) { |
|
|
|
.navbar .container-fluid, |
|
|
|
body .navbar .container-fluid { |
|
|
|
padding-left: 1.5rem !important; |
|
|
|
padding-right: 1.5rem !important; |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
max-width: 98vw !important; |
|
|
|
width: 98vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 768px) { |
|
|
|
.navbar .container-fluid, |
|
|
|
body .navbar .container-fluid { |
|
|
|
padding-left: 1rem !important; |
|
|
|
padding-right: 1rem !important; |
|
|
|
padding-left: 0.25rem !important; |
|
|
|
padding-right: 0.25rem !important; |
|
|
|
max-width: 99vw !important; |
|
|
|
width: 99vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 576px) { |
|
|
|
.navbar .container-fluid, |
|
|
|
body .navbar .container-fluid { |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
padding-left: 0.125rem !important; |
|
|
|
padding-right: 0.125rem !important; |
|
|
|
max-width: 100vw !important; |
|
|
|
width: 100vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* 页脚样式调整 */ |
|
|
|
.footer .container, |
|
|
|
body .footer .container { |
|
|
|
padding-left: 2rem !important; |
|
|
|
padding-right: 2rem !important; |
|
|
|
max-width: 1400px !important; |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
max-width: 95vw !important; |
|
|
|
width: 95vw !important; |
|
|
|
margin: 0 auto !important; |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 1200px) { |
|
|
|
.footer .container, |
|
|
|
body .footer .container { |
|
|
|
padding-left: 1.5rem !important; |
|
|
|
padding-right: 1.5rem !important; |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
max-width: 98vw !important; |
|
|
|
width: 98vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 768px) { |
|
|
|
.footer .container, |
|
|
|
body .footer .container { |
|
|
|
padding-left: 1rem !important; |
|
|
|
padding-right: 1rem !important; |
|
|
|
padding-left: 0.25rem !important; |
|
|
|
padding-right: 0.25rem !important; |
|
|
|
max-width: 99vw !important; |
|
|
|
width: 99vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@@media (max-width: 576px) { |
|
|
|
.footer .container, |
|
|
|
body .footer .container { |
|
|
|
padding-left: 0.5rem !important; |
|
|
|
padding-right: 0.5rem !important; |
|
|
|
padding-left: 0.125rem !important; |
|
|
|
padding-right: 0.125rem !important; |
|
|
|
max-width: 100vw !important; |
|
|
|
width: 100vw !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|