[解決済み] Twitter Bootstrapのボタンを右寄せにするにはどうしたらいいですか?
2022-03-20 22:52:31
質問
簡単なデモがあります。
<ul>
<li>One <input class="btn pull-right" value="test"></li>
<li>Two <input class="btn pull-right" value="test2"></li>
</ul>
順不同のリストがあり、各リストの項目に対して、左にテキスト、右に配置されたボタンを表示したいと思います。 プルライトを使用しようとしましたが、これは完全に整列を台無しにします。 私は何を間違えているのでしょうか?
<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>
解決方法は?
挿入
pull-right
をclass属性に追加して、bootstrapにボタンを配置させます。
について ブートストラップ2.3 をご覧ください。 http://getbootstrap.com/2.3.2/components.html#misc ヘルパークラス > .pull-right.
について ブートストラップ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}
関連
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Twitter Bootstrapを使った中央寄せのコンテンツはどうなっているのか?
-
[解決済み] Bootstrap 4のVertical Align Center [重複]について
-
[解決済み] Bootstrapでナビバーアイテムを右寄せにする
-
[解決済み] twitterのbootstrapで五等分の列を作る
-
[解決済み] Bootstrapでdivの左寄せと右寄せをする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrapのモーダルが表示されない
-
[解決済み] Bootstrap 4-alphaでメディアブレークポイントを使用する
-
[解決済み】twitter bootstrap 2で送信ボタンにアイコンを追加する。
-
[解決済み】Twitter Bootstrapのポップオーバーを外側のクリックで解除する方法は?
-
[解決済み] Twitter Bootstrapのテーブルの幅が常に100%なのはなぜですか?
-
[解決済み] Twitter Bootstrapのモーダルサイズを大きくする
-
[解決済み] レスポンシブWebサイトがモバイルで全幅に拡大表示される。
-
[解決済み] Bootstrapがline-heightプロパティを1.428571429に設定する理由は何ですか?
-
[解決済み] bootstrap 4 responsive utilities visible / hidden xs sm lg not working.
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?