27
4
我这里有一些代码，当压缩到移动版本中时，它呈现不正确:
html 在这里(带有 sidenavbar)有谁知道如何使盒子在移动版本中正确呈现
亲切的问候，
Trung tâm cá nhân
Điều phát hành
từ bỏ .pdsa-summary-block-primary {
background-color:#428bca;
màu sắc:#fff;
}
.pdsa-summary-block-primary .summary-footer {
background-color:deepskyblue;
}
.pdsa-summary-block-primary .summary-footer a {
màu: trắng;
}
.pdsa-summary-block-success {
background-color:#3c763d;
màu sắc:#fff;
}
.pdsa-summary-block-success .summary-footer {
background-color:green;
}
.pdsa-summary-block-success .summary-footer a {
màu: trắng;
}
.pdsa-summary-block-info {
background-color:#31708f;
màu sắc:#fff;
}
.pdsa-summary-block-info .summary-footer {
background-color:teal;
}
.pdsa-summary-block-info .summary-footer a {
màu: trắng;
}
.pdsa-summary-block-danger {
background-color:#a94442;
màu sắc:#fff;
}
.pdsa-summary-block-danger .summary-footer {
background-color:red;
}
.pdsa-summary-block-danger .summary-footer a {
màu: trắng;
}
/*Structure of Summary blocks*/
.pdsa-summary-block {
vị trí: tương đối;
chiều rộng: 100%;
margin:0.3em;
padding:1em;
min-height:15em;
}
.pdsa-summary-block .summary-background i, .pdsa-summary-block .summary-background div {
margin-left:-0.4em;
margin-top:0.1em;
font-size:8em;
opacity:0.3;
}
.pdsa-summary-block .summary-body {
vị trí: tuyệt đối;
top:1.3em;
right:0.8em;
}
.pdsa-summary-block .summary-body .summary-line-1 {
text-align:right;
font-size:xx-large;
}
.pdsa-summary-block .summary-body .summary-line-2 {
text-align:right;
font-size:medium;
}
.pdsa-summary-block .summary-footer {
vị trí: tuyệt đối;
bottom: 0em;
right: 0em;
chiều rộng: 100%;
padding:0.4em;
font-weight: 300;
chuyển đổi văn bản: chữ hoa;
font-size:small;
opacity:0.6;
}
.pdsa-summary-block .summary-footer a {
trang trí văn bản: không có;
}
.pdsa-summary-block .summary-footer:hover {
opacity:1;
con trỏ:con trỏ;
}
.pdsa-sn-wrapper {
vị trí: tuyệt đối;
top:3.6em;
left:0em;
width:13em;
chiều cao:100%;
background-color:#FF9900;
/*orange.*/
transition:left 0.3s linear;
-moz-transition:left 0.3s linear;
-webkit-transition:left 0.3s linear;
}
.pdsa-sn-wrapper ul {
kiểu danh sách: không có;
width:11em;
margin-top:2em;
margin-left:1em;
padding:0em;
}
.pdsa-sn-wrapper ul li {
margin-top: 1em;
margin-bottom:0.5em;
}
/* Make hover background .pdsa-sn-wrapper ul li:hover {
background-color:#760909;
} */
.pdsa-sn-wrapper ul li a {
màu sắc: trắng;
trang trí văn bản: không có;
padding:0.5em;
}
.pdsa-sn-wrapper ul li a:hover {
trang trí văn bản: không có;
màu: trắng;
}
.pdsa-sn-wrapper ul li a:active, .pdsa-sn-wrapper ul li a:focus {
trang trí văn bản: không có;
outline:none;
màu: trắng;
}
.pdsa-sn-wrapper ul .pdsa-sn-brand {
margin-left:-0.5em;
font-size: large;
màu: trắng;
}
.pdsa-sn-wrapper ul .pdsa-sn-brand a {
màu: trắng;
}
.pdsa-sn-wrapper ul .pdsa-sn-brand a:hover {
màu: trắng;
background:none;
}
.pdsa-sn-wrapper ul li a span {
margin-top:-1em;
margin-bottom:-1em;
margin-left:1em;
margin-top: -1em;
padding-top:-1em;
padding-bottom:-1em;
}
.pdsa-sn-wrapper ul li ul {
kiểu danh sách: không có;
margin-top: 1em;
margin-left: 1em;
}
/*Make left nav turn into icon only on mobile*/
@media all and (max-width:768px) {
.pdsa-sn-wrapper {
left:-10em;
/*changed above to +13em. now it will take up part of screen.*/
}
.pdsa-sn-wrapper ul li:hover {
background-color:#FF9900;
}
.pdsa-sn-wrapper ul li a i {
padding-left:10em;
margin-top:-1em;
margin-bottom:-1em;
}
.body-content {
margin-left:3em;
}
}
14
Genres
5
Playlists
2143
Songs
1
Downloads
Free Music
Each day we have a free song selected especially for you!
Xem sitemap của VNExpress
câu trả lời hay nhất
这可能会帮助您调整代码或作为基础，以便您更好地控制两者。
body,
html {
chiều cao: 100%;
}
thân hình {
padding-top: 65px;
}
.navbar.navbar-default {
nền: #fff;
border-bottom: none;
border-bottom: 6px solid #FF9900;
}
.sidebar-fixed {
lề trên: 50px;
padding: 5px 18px;
vị trí: cố định;
width: 175px;
chiều cao: 100%;
trên cùng: 0;
trái: 0;
background: #FF9900;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
ul.sidebar-list {
kiểu danh sách: không có;
hiển thị: nội tuyến;
căn chỉnh văn bản: trái;
}
.sidebar-fixed #ulGenres,
.sidebar-fixed #ulPlaylists {
kiểu danh sách: không có;
căn chỉnh văn bản: trái;
lề trái: -20px;
}
.sidebar-fixed #ulGenres > li,
.sidebar-fixed #ulPlaylists > li {
phần đệm trên cùng: 10px;
cỡ chữ: 13px;
}
.sidebar-fixed #ulGenres > li >a,
.sidebar-fixed #ulPlaylists > li > a {
màu sắc: #fff;
trang trí văn bản: không có;
}
ul.sidebar-list > li {
font-size: 18px;
padding-bottom: 25px;
}
ul.sidebar-list > li > a {
màu sắc: #fff;
trang trí văn bản: không có;
}
.navbar-default .collapse .navbar-nav > li > a,
.navbar-default .navbar-header a.navbar-brand {
color: #3e474f;
}
.nội dung chính {
margin-left: 175px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.nav-icons {
padding-top: 12px;
margin-right: 25px;
phao: đúng;
vị trí: tuyệt đối;
phải: 0;
}
.nav-icons span {
phần đệm bên trái: 10px;
phần đệm bên phải: 10px;
font-size: 20px
}
.nav-icons a {
color: #FF9900;
}
@media (độ rộng tối đa: 767px) {
.sidebar-fixed {
width: 85px;
}
.nội dung chính {
margin-left: 80px;
phần đệm: 0;
}
ul.sidebar-list {
căn chỉnh văn bản: giữa;
}
ul.sidebar-list > li {
cỡ chữ: 12px;
padding-bottom: 25px;
}
.sidebar-fixed #ulGenres,
.sidebar-fixed #ulPlaylists {
margin-left: -40px;
căn chỉnh văn bản: giữa;
}
.sidebar-fixed li .nav-text,
.sidebar-fixed li span.caret {
hiển thị: không có;
}
}
/*Content*/
.pdsa-summary-block-primary {
background-color: #428bca;
màu sắc: #fff;
}
.pdsa-summary-block-primary .summary-footer {
background-color: deepskyblue;
}
.pdsa-summary-block-primary .summary-footer a {
màu sắc: trắng;
}
.pdsa-summary-block-success {
background-color: #3c763d;
màu sắc: #fff;
}
.pdsa-summary-block-success .summary-footer {
màu nền: xanh lá cây;
}
.pdsa-summary-block-success .summary-footer a {
màu sắc: trắng;
}
.pdsa-summary-block-info {
background-color: #31708f;
màu sắc: #fff;
}
.pdsa-summary-block-info .summary-footer {
background-color: teal;
}
.pdsa-summary-block-info .summary-footer a {
màu sắc: trắng;
}
.pdsa-summary-block-danger {
background-color: #a94442;
màu sắc: #fff;
}
.pdsa-summary-block-danger .summary-footer {
màu nền: đỏ;
}
.pdsa-summary-block-danger .summary-footer a {
màu sắc: trắng;
}
/*Structure of Summary blocks*/
.pdsa-summary-block {
vị trí: tương đối;
chiều rộng: 100%;
margin: 0.3em;
phần đệm: 1em;
min-height: 15em;
}
.pdsa-summary-block .summary-background i,
.pdsa-summary-block .summary-background div {
margin-left: -0.4em;
margin-top: 0.1em;
font-size: 8em;
opacity: 0.3;
}
.pdsa-summary-block .summary-body {
vị trí: tuyệt đối;
top: 1.3em;
right: 0.8em;
}
.pdsa-summary-block .summary-body .summary-line-1 {
text-align: right;
font-size: xx-large;
}
.pdsa-summary-block .summary-body .summary-line-2 {
text-align: right;
font-size: medium;
}
.pdsa-summary-block .summary-footer {
vị trí: tuyệt đối;
bottom: 0em;
right: 0em;
chiều rộng: 100%;
padding: 0.4em;
font-weight: 300;
chuyển đổi văn bản: chữ hoa;
font-size: small;
opacity: 0.6;
}
.pdsa-summary-block .summary-footer a {
trang trí văn bản: không có;
}
.pdsa-summary-block .summary-footer:hover {
độ mờ: 1;
con trỏ: con trỏ;
}
14
Genres
5
Playlists
2143
Songs
1
Downloads
Free Music
Each day we have a free song selected especially for you!
关于javascript - Bootstrap 3 移动版不行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32511149/
27
4
0
从开发者的角度来看，Mac 版 Safari 和 Windows 版 Safari 有何不同？ 我认为可以归结为评估两者之间的差异(如果我遗漏了什么，请更正): - 布局渲染 - Javascript
正如标题所说:Android 版 Chrome 和 iOS 版 Chrome 有什么区别。 我对两者进行了一些研究，但找不到关于该主题的任何最新信息。进行这项研究的原因是因为我正在研究某些 Web A
我有以下脚本可以获取您的地理位置并重定向您到 Google map : (function(){ navigator.geolocation.getCurrentPosition(function(p
我负责修复导航栏显示比应有的低 1 像素的问题。 查看网站后，我无法找到所报告的问题，直到我在 Mac 上进行了检查。 Firefox、Safari 等在 Mac 上运行良好，但 Chrome 是导致
我是典型的 .NET 开发人员(C# 是我的第一语言)，几年前转向 ASP.NET MVC。现在是我职业生涯发生重大变化的新时期。如果我们看看 Web 开发的前景，我们可以看到新技术如何占领世界，而其
Grails 2.0 项目目前带有资源插件 1.1.5，它似乎有几个依赖问题(例如，参见 this post 的答案)。我正在使用 IntelliJ，虽然我将 BuildConfig.groovy 更
我有一个支持 android 2.3.3 的 android 项目。 但它也支持 sdk 版本 17。当我创建一个新 Activity 时，它会创建一个特定于版本 17 的 Activity 。 如何
有没有人有在 Android 设备上使用 pjsip 的经验？我看到几个非商业/测试项目使用它，所以我假设它可以完成，但没有一个有很好的记录。我认为 pjsip-jni 项目是一个不错的起点，但基本上
谁能告诉我在 Xcode (iPhone) 中执行以下操作的最佳方法是什么。 我有一个主导航屏幕，上面有一些按钮。当用户单击任何按钮时，他们将被带到带有更多选项按钮的子导航屏幕。在这里，他们单击任意一
我正在使用 JBoss Embedded beta3.SP10 版本，我正面临一个应该在某些 Hibernate 版本中修复的持久性错误。可悲的是，我不知道我的 JBoss Embedded 中使用的
我想在 android 中使用简单的 snmp get。我找到了 java 的代码并尝试在 android 中使用它。我还附加了 snmp4j.jar 文件用于 android。但是我得到了 Null
我的实现目标是： 可以通过一个或多个关键词搜索到文章。 可以通过文章的关键词列表查询到其相关文章。 查询到的结果依据相关程度降序排列。 查询速度要够快。（理论上关键词检索比全文检索要快很多的
我正在尝试创建一个允许我将视频从 iPhone 流式传输到服务器的应用程序。我目前关于如何做到这一点的理论是创建一系列 FFMpeg 文件并将它们发送到服务器。据我所知，我已经编译了 FFMpeg图书
这个问题在这里已经有了答案: Login failed in github for window (5 个回答) 7年前关闭。 当我安装 GitHub 时，我无法使用我的帐户凭据登录。 我收到错误 L
我需要在我的 iPad 项目中使用 Three20。我想知道 iPhone 版本的 Three20 项目是否可以直接在 iPad 上使用，还是应该等待这个时间线完成: http://three20.i
有人能做到吗 http://www.surina.net/soundtouch/适用于 iPhone？ 简单的 Xcode 演示会很有帮助。 我只想通过一些音调操作来播放音效。谢谢克里斯 最佳答案 使
如何在iPhone中使用“speex”进行音频编码/解码？我没有在项目中添加框架。 最佳答案 这个blog entry: Compile Speex For iPhone克利夫顿·克雷格(Clifto
我想知道bonjour是公共(public)API还是私有(private)API？我们可以直接在我们的应用程序中使用它吗？ 最佳答案 Bonjour 由 NSNetServices 和 CFNetS
••••• 已解决•••••该应用程序可用。只是花了一些时间才出现。我之所以将其视为测试版，是因为我的 Google 帐户用于 alpha 测试。如果您遇到同样的问题，只需从测试人员中删除您的帐户并等
我是 Android 编程初学者。 我在使用 Android 下载文件时遇到问题 我使用了 Httpost、Httpget 和 hhtpurlconnection前两个根本不起作用第三个两次无法下载
Tôi là một lập trình viên xuất sắc, rất giỏi!