更改按钮位置

我想定制引导画廊全屏从本教程开始bootstrap gallery full screen 更改按钮位置

代码：

<div class="container fill"> 
    <div id="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
<div class="item">  
    <div class="fill" style="background-image:url('http://www.mysite/images/category/image.jpg');background-position: center;"> 
    <div class="container"> 
    <div class="carousel-caption"> 
      <h1>TITLE</h1> 
      <p class="lead">Description</p> 
     </div> 
    </div> 
    <a class="btn btn-large btn-primary" href="categories.php?id=17">View Gallery</a> 
    </div> 
    </div> 
    </div> 
<div class="pull-center"> 
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> 
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a> 
</div> 
</div> 
    </div>

，你可以看到，该类包含按钮“图库” 位于班“项目”并在“补”

<a class="btn btn-large btn-primary" href="categories.php?id=17">View Gallery</a>

对于图形的原因，我必须把在b utton在屏幕右下方的固定位置，但必须在原始类别内保持。我尝试了各种方式，但我无法获得移动设备的可视化效果。例如，我试图优化观看上iphone5的（640×1136）@media（最大宽度：768px）使用施加到按钮此类：

.gallery-button { 
    text-align:right; 
    background-color: transparent; 
    position: fixed; 
    max-width: 100%; 
    padding: 0 20px; 
    top: 350px; left:150px; 
}

在纵向模式下将细，但在lanscape中按钮消失。好的，我怎样才能解决所有类型的显示问题？谢谢

来源

2013-10-16 Ogum

要解决所有情况，您应该从右下角指定位置，如果您希望它位于右下角。

.gallery-button { 
    position: fixed; 
    bottom: 5px; 
    right: 5px; 
}

这应该可以解决所有屏幕尺寸的问题。

来源

2013-10-16 16:06:59

更改按钮位置

回答

相关问题