title: Change button position on bootstrap gallery full screen
body: <p>I'm trying to customize the bootstrap gallery full screen starting from this tutorial <a href="http://bootply.com/59900" rel="nofollow">bootstrap gallery full screen</a></p>
  
  <p>the code: </p>
  
  <pre><code>&lt;div class="container fill"&gt;
    &lt;div id="myCarousel" class="carousel slide"&gt;
     &lt;div class="carousel-inner"&gt;
   &lt;div class="item"&gt;    
    &lt;div class="fill" style="background-image:url('http://www.mysite/images/category/image.jpg');background-position: center;"&gt;
      &lt;div class="container"&gt;
       &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;TITLE&lt;/h1&gt;
            &lt;p class="lead"&gt;Description&lt;/p&gt;
          &lt;/div&gt; 
      &lt;/div&gt;
    &lt;a class="btn btn-large btn-primary" href="categories.php?id=17"&gt;View Gallery&lt;/a&gt;
    &lt;/div&gt;
     &lt;/div&gt;
       &lt;/div&gt;
  &lt;div class="pull-center"&gt;
  &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;‹&lt;/a&gt;
  &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;›&lt;/a&gt;
  &lt;/div&gt;
   &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>as you can see, the class that contains the button "View Gallery"
  is positioned within the classes "item" and "fill"</p>
  
  <pre><code>&lt;a class="btn btn-large btn-primary" href="categories.php?id=17"&gt;View Gallery&lt;/a&gt;
  </code></pre>
  
  <p>For graphic reasons, I have to place the button in the fixed position at the bottom right of the screen, but <strong>must remain</strong> within the original classes.
  I have tried in various ways, but I can not get it on the visualization for mobile devices.
  for example, I'm trying to optimize viewing on iphone5 (640 x 1136) <strong>@media (max-width: 768px)</strong> using this class applied to the button:</p>
  
  <pre><code>.gallery-button {  
    text-align:right;
    background-color: transparent; 
    position: fixed;
    max-width: 100%;
    padding: 0 20px; 
    top: 350px; left:150px;
  }
  </code></pre>
  
  <p>In portrait mode would be fine, but in lanscape the button disappears.
  ok, how can I solve the problem for all types of display?
  Thanks</p>