Тук имам проста демонстрация:
<ul>
<li>One <input class="btn pull-right" value="test"></li>
<li>Two <input class="btn pull-right" value="test2"></li>
</ul>
Имам неподреден списък и за всеки елемент от списъка искам да имам текст отляво и след това бутон, подравнен надясно. Опитах се да използвам pull-right, но това напълно обърка подравняването. Какво правя погрешно?
Вмъкнете pull-right
в атрибута class и оставете bootstrap да подреди бутоните.
За Bootstrap 2.3 вижте: http://getbootstrap.com/2.3.2/components.html#misc > Helper classes > .pull-right.
За Bootstrap 3 вижте: https://getbootstrap.com/docs/3.3/css/#helper-classes > Помощни класове.
За Bootstrap 4, вижте: https://getbootstrap.com/docs/4.0/utilities/float/#responsive
Командата pull-right
е премахната и заменена с float-right
или като цяло с float-{sm,md,lg,xl}-{left,right,none}
<ul>
<li class="span4">One <input class="btn btn-small" value="test"></li>
<li class="span4">Two <input class="btn btn-small " value="test2"</li>
</ul>
Просто използвах layout..apply styles for li..
или
<ul>
<li>One <input class="btn" value="test"></li>
<li>Two <input class="btn" value="test2"</li>
</ul>
в CSS
li {
line-height: 20px;
margin: 5px;
padding: 2px;
}
Можете ли да опитате с потребителски CSS освен CSS на bootstrap, за да видите дали има промени. Опитайте
.move-rigth{
display: block;
float: right;
}
Ако работи, тогава можете да опитате да манипулирате това, което имате, или да добавите други форматирания към това и да постигнете желаното. Това, че използвате bootstrap, не означава, че ако той не ви предлага това, което искате, тогава просто го управлявате. Вие работите с вашите кодове и така му заповядвате да направи това, което казвате. Наздраве!