2013-11-20 8 views
0

Я пытаюсь использовать аффикс бутстрапа 3.использование начальной загрузки на кнопку наклеить на праве контейнера

Its работает нормально, но мне нужно сделать кнопку наклеить прямо в контейнер, не в окно.

Проблема я столкнулся, когда я Ctrl-- уменьшить размер экрана кнопку получить палкой по правой части окна. (Перед проблемой на большом экране)

Как я вставить кнопку справа от container.so когда это размер экрана становится большим, он отображает право на контейнер.

Вот ссылка: Fiddle link

.save-btn .affix { 
    top: 100px; 
    right: 0px; 

} 
.container { 
    border: 1px solid #ccc; 
} 



<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <form class="form-horizontal" role="form"> 
       <div class="form-group"> 
        <label for="exampleInputEmail1">Email address</label> 
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
       </div> 
       <div class="form-group"> 
        <label for="exampleInputPassword1">Password</label> 
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
       </div> 
       <div class="form-group"> 
        <label for="exampleInputFile">File input</label> 
        <input type="file" id="exampleInputFile"> 
        <p class="help-block">Example block-level help text here.</p> 
       </div> 
       <div class="checkbox"> 
        <label> 
         <input type="checkbox"> Check me out 
        </label> 
       </div> 
       <div class="save-btn"> 
        <button name="submit" type="submit" value="Save" class="btn btn-orange btn-lg affix" data-spy="affix" data-offset-top="0">Save </button> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

ответ

0

jsfiddle использует BS 2.x, но разметка для Bootstrap 3.

Я создал Bootply (который включает в себя BS 3 автоматически): http://www.bootply.com/95296

Я думаю, вы хотите использовать pull-right, а не affix, чтобы потянуть кнопку вправо.

+0

Нужно позиционировать кнопку на правой стороне – Kango

Смежные вопросы