小编use*_*469的帖子

如何制作Bootstrap轮播滑块使用移动左/右滑动

DEMO JSSFIDDLE

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

html css jquery carousel twitter-bootstrap-3

61
推荐指数
4
解决办法
19万
查看次数

如何使<hr>全宽?

http://jsfiddle.net/bh2f6/1/

我想这样<hr/>做,它将拉伸整个宽度,直到其父容器的边缘.我已经尝试添加margin-left/padding-right来克服这个问题,但是在调整大小时(响应)会不断变化.

有更好的解决方案吗?

编辑:我无法编辑父容器的填充,因为它是一堆其他元素所需要的.

html css css3

13
推荐指数
1
解决办法
2万
查看次数

是否可以在&lt;input&gt;字段内放置链接?

是否可以在此处在“登录”和“注册”上放置链接?

<input type="text" class="formcontrol" value="Please Login or Register to view your tracking link.">
Run Code Online (Sandbox Code Playgroud)

html css forms html5 css3

5
推荐指数
2
解决办法
2万
查看次数

如何在图像的同一行显示 &lt;p&gt;

演示链接

我希望<p>文本与图像一致显示,这样所有内容都将正确地居中和成行显示。

此外,当屏幕较短并且文本需要 2+ 行(响应式)时,我希望它也保持不变,因此文本不会在图像下方居中。

我怎样才能做到这一点?

html css responsive-design

2
推荐指数
1
解决办法
8597
查看次数

在div内部悬停时更改图像

DEMO LINK

正如你在上面的链接上看到的那样,我试图在鼠标悬停时更改图像,但它不能正常工作.我应该改变什么?父<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)

html css css3

1
推荐指数
1
解决办法
1万
查看次数