Kaip pasiekti, kad "Twitter Bootstrap" mygtukai būtų sulygiuoti į dešinę?

Čia turiu paprastą demonstracinę versiją:

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>

Turiu netvarkingą sąrašą ir prie kiekvieno sąrašo elemento noriu turėti tekstą kairėje pusėje, o tada dešinėje sulygiuotą mygtuką. Bandžiau naudoti "pull-right", bet tai visiškai sugadina išlyginimą. Ką darau ne taip?

Zim
Redaguotas klausimas priešpietr gegužė 2017 в 10:07
Programavimas
twitter-bootstrap-2 twitter-bootstrap-3 twitter-bootstrap bootstrap-4
priešpietr kovas 2013 в 6:11
12 peržiūros
Sprendimas

Į klasės atributą įterpkite pull-right ir leiskite bootstrap sutvarkyti mygtukus.

Apie Bootstrap 2.3 žr.: http://getbootstrap.com/2.3.2/components.html#misc > Helper classes > .pull-right.

Apie Bootstrap 3 žr.: https://getbootstrap.com/docs/3.3/css/#helper-classes > Helper classes.

Apie Bootstrap 4 žr. https://getbootstrap.com/docs/4.0/utilities/float/#responsive

Pašalinta komanda pull-right ir pakeista į float-right arba apskritai į float-{sm,md,lg,xl}-{left,right,none}.

zwl
Redaguotas atsakymas popietr kovas 2018 в 7:34
Komentarai (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>

Aš tiesiog naudojau layout..apply stilius li..

arba

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

pagal CSS

li {
    line-height: 20px;
    margin: 5px;
    padding: 2px;
}
sasi
Redaguotas atsakymas priešpietr kovas 2013 в 6:29
Komentarai (2)

Ar galite pabandyti pasirinktinį CSS šalia bootstrap CSS, kad pamatytumėte, ar kas nors pasikeis. Išbandykite

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

Jei tai veikia, galite pabandyti manipuliuoti tuo, ką turite, arba pridėti kitų formatų ir pasiekti tai, ko norite. Tai, kad naudojate bootstrap, nereiškia, kad jei jis nesiūlo jums to, ko norite, tada jūs tiesiog jį valdote. Jūs dirbate su savo kodais, todėl įsakote jam daryti taip, kaip sakote. Į sveikatą!

Komentarai (2)