更改按鈕位置

我想定製引導畫廊全屏從本教程開始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

更改按鈕位置

回答

相關問題