<div class="col-md-4">
<!--Carousel-->
<div id="sidebar-carousel-1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators grey">
<li data-target="#sidebar-carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#sidebar-carousel-1" data-slide-to="1"></li>
<li data-target="#sidebar-carousel-1" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<a href="" data-lightbox="image-1" title="">
<img src="http://shrani.si/f/3D/13b/1rt3lPab/2/img1.jpg" alt="...">
</a>
</div>
<div class="item">
<a href="" data-lightbox="image-1" title="">
<img src="http://shrani.si/f/S/jE/UcTuhZ6/1/img2.jpg" alt="...">
</a> </div>
<div class="item">
<a href="" data-lightbox="image-1" title="">
<img src="http://shrani.si/f/h/To/1yjUEZbP/img3.jpg" alt="...">
</a> </div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#sidebar-carousel-1" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#sidebar-carousel-1" data-slide="next">
<span class="glyphicon …
Run Code Online (Sandbox Code Playgroud) 我想这样<hr/>
做,它将拉伸整个宽度,直到其父容器的边缘.我已经尝试添加margin-left/padding-right来克服这个问题,但是在调整大小时(响应)会不断变化.
有更好的解决方案吗?
编辑:我无法编辑父容器的填充,因为它是一堆其他元素所需要的.
是否可以在此处在“登录”和“注册”上放置链接?
<input type="text" class="formcontrol" value="Please Login or Register to view your tracking link.">
Run Code Online (Sandbox Code Playgroud) 我希望<p>
文本与图像一致显示,这样所有内容都将正确地居中和成行显示。
此外,当屏幕较短并且文本需要 2+ 行(响应式)时,我希望它也保持不变,因此文本不会在图像下方居中。
我怎样才能做到这一点?
正如你在上面的链接上看到的那样,我试图在鼠标悬停时更改图像,但它不能正常工作.我应该改变什么?父<div
>已经有一个悬停在它上面.
.preview a img:hover{
background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Solid_yellow.svg/200px-Solid_yellow.svg.png');
}
Run Code Online (Sandbox Code Playgroud)