Eu tenho aqui uma simples demonstração:
<ul>
<li>One <input class="btn pull-right" value="test"></li>
<li>Two <input class="btn pull-right" value="test2"></li>
</ul>
Eu tenho uma lista não ordenada e para cada item da lista eu desejo ter texto à esquerda e depois um botão alinhado à direita. Tentei usar o puxar para a direita, mas isto desarrumou completamente o alinhamento. O que estou a fazer de errado?
Insira pull-right
no atributo de classe e deixe o bootstrap organizar os botões.
Para **Bootstrap 2.3***, ver: http://getbootstrap.com/2.3.2/components.html#misc > Helper classes > .pulll-right.
Para Bootstrap 3, ver: https://getbootstrap.com/docs/3.3/css/#helper-classes > Aulas de ajuda.
Para Bootstrap 4, ver: https://getbootstrap.com/docs/4.0/utilities/float/#responsive
O comando pull-direita
foi removido e substituído por float-right
ou, em geral, por `float-{sm,md,lg,xl}-{esquerda,direita,nenhuma}``.
<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>
Eu só usei o layout...aplicar estilos para li...
**ou***
<ul>
<li>One <input class="btn" value="test"></li>
<li>Two <input class="btn" value="test2"</li>
</ul>
**no CSS***
li {
line-height: 20px;
margin: 5px;
padding: 2px;
}
Você pode tentar um CSS personalizado ao lado do bootstrap CSS para ver se há mudanças. Experimente
.move-rigth{
display: block;
float: right;
}
Se funcionar, então você pode tentar manipular o que você tem ou adicionar outra formatação a isto e alcançar o que você deseja. Porque você está usando bootstrap doesn't significa que se ele não't oferece o que você quer, então você apenas gerencia isso. Você está a trabalhar com os seus códigos e por isso você ordena-lhe que faça o que você diz. Saúde!