我正在使用JSBin做一个网站。
问题是我正在做的移动尺寸。第一个图像堆栈很好。第二个图像做了一个奇怪的事情,它向右突出,并没有与顶部图像对齐。不确定为什么会这样。
以下是一些代码:
@media (max-width: 767px) {
.contacttext {
font-size: 19px;
font-weight: bold;
vertical-align:middle;
}
.nav {
margin: 0;
}
.contact > li {
display:block;
width:767px;
float:none;
}
.social{
color: #fff;
display:block;
float:none;
}
li {
padding: 7px 20px 0 0px;
}
row-fluid > .span8 {
width:100%;
display: block;
float: none;
}
.span4 {
width:100%;
display: block;
float: none;
}
.row-fluid [class*="span"] {
float: none;
width: 100%;
}
.row-fluid > .firstpic {
padding: 0 0 20px 0;
}
}
答案 0 :(得分:0)
修改css添加:
.row-fluid [class*="span"] {
margin-left: 0px;
}