boostrap col-offset не работает внутри row-fluid

Question

У меня есть дизайн жидкости, где я хочу получить элементы группы формы внутри строки-жидкости с одним условием, мне нужно выровнять элементы группы формы с правой стороны.

<div class="row-fluid" style="background-color: #332619; color: #fff !important; padding-top: 25px; padding-bottom: 10px"> 
    <div class="col-lg-12"> 
     <div class="form-group pull-right"> 
      <input type="text" class="form-control" id="login_Email" placeholder="Email"> 
     </div> 
     <div class="form-group pull-right"> 
      <input type="password" class="form-control" id="login_Password" placeholder="Password"> 
     </div> 
    </div> 
</div> 

скрипка

http://jsfiddle.net/1pzh4x8s/

, но в моих HTML-элементов форм-группы не обернуты внутри строк жидкости div.image ниже

Answer 1

Во-первых, AFAIK нет такой вещи, как row-fluid. Вы должны использовать container-fluid, а затем row внутри.

Во-вторых, в чем смысл иметь col-lg-12 в строке, а затем сразу же внутри col-6. col-lg-12 не имеет никакой цели.

Кроме того, ваши элементы завернуты в разметку, но не визуально. Вам нужно добавить clearfix к родительскому, чтобы высота увеличивалась до высоты последнего/самого высокого поплавающего ребенка.