Kuidas saan oma Twitter Bootstrap nuppe paremale joondada?

Mul on siin lihtne demo:

http://jsfiddle.net/HdeZ3/1/

<ul>
    <li>One <input class="btn pull-right" value="test"></li>
    <li>Two <input class="btn pull-right" value="test2"></li>
</ul>

Mul on järjestamata nimekiri ja iga loendi elemendi puhul soovin, et tekst oleks vasakul ja seejärel paremale joondatud nupp. Olen proovinud kasutada pull-right, kuid see segab täielikult joondamist. Mida ma teen valesti?

Zim
Redigeeritud küsimus T33 mai 2017 в 10:07
Programmeerimine
twitter-bootstrap-2 twitter-bootstrap-3 twitter-bootstrap bootstrap-4
T55 märts 2013 в 6:11
26 vaated
Lahendus

Sisestage klassi atribuuti pull-right ja laske bootstrapil nuppe paigutada.

Bootstrap 2.3 puhul vt: http://getbootstrap.com/2.3.2/components.html#misc > Abiklassid > .pull-right.

Bootstrap 3 puhul vt: https://getbootstrap.com/docs/3.3/css/#helper-classes > Helper classes.

Bootstrap 4 jaoks vt: https://getbootstrap.com/docs/4.0/utilities/float/#responsive.

Käsk pull-right eemaldati ja asendati float-right või üldiselt float-{sm,md,lg,xl}-{left,right,none}.

zwl
Redigeeritud vastus T33 märts 2018 в 7:34
Kommentaarid (4)
 
<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>

Ma lihtsalt kasutasin layout..apply styles for li..

või

<ul>
    <li>One <input class="btn" value="test"></li>
    <li>Two <input class="btn" value="test2"</li>
</ul>

CSSis

li {
    line-height: 20px;
    margin: 5px;
    padding: 2px;
}
sasi
Redigeeritud vastus T55 märts 2013 в 6:29
Kommentaarid (2)

Kas saate proovida kohandatud CSS kõrvale bootstrap CSS, et näha, kas mingeid muutusi. Proovige

.move-rigth{
    display: block;
    float: right;
}

Kui see töötab, siis võite proovida manipuleerida seda, mis teil on või lisada sellele muud vormindamist ja saavutada soovitud tulemus. Kuna te kasutate bootstrap'i, ei tähenda, et kui see ei paku teile seda, mida soovite, siis lihtsalt hallake seda. Te töötate oma koodidega ja nii käsute seda teha nii, nagu te ütlete. Tervitused!

Kommentaarid (2)