ここに簡単なデモがあります:
<ul>
<li>One <input class="btn pull-right" value="test"></li>
<li>Two <input class="btn pull-right" value="test2"></li>
</ul>
順序なしリストがあり、各リスト項目の左側にテキストを配置し、右揃えのボタンを配置したいと考えています。 pull-right を使用しようとしましたが、これでは配置が完全に台無しになります。何が間違っているのでしょうか?
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" />
<ul>
<li>One <input class="btn pull-right" value="test"></li>
<li>Two <input class="btn pull-right" value="test2" </li>
</ul>
ベストアンサー1
クラス属性に挿入しpull-right
、Bootstrap でボタンを配置します。
Bootstrap 2.3については、以下を参照してください。http://getbootstrap.com/2.3.2/components.html#misc> ヘルパー クラス > .pull-right.
Bootstrap 3については、以下を参照してください。https://getbootstrap.com/docs/3.3/css/#ヘルパークラス> ヘルパークラス。
Bootstrap 4については、以下を参照してください。https://getbootstrap.com/docs/4.0/utilities/float/#responsive
このpull-right
コマンドは削除され、float-right
または一般的にはfloat-{sm,md,lg,xl}-{left,right,none}
Boostrap 5については、以下を参照してください。https://getbootstrap.com/docs/5.0/utilities/float/
最も近い解決策は ですfloat-end
。