ブートストラップでボタンの位置を設定する方法

リリース: 2019-07-27 11:48:55
オリジナル
8707 人が閲覧しました

ブートストラップでボタンの位置を設定する方法

ブートストラップでは、右にプル、左にプル、テキスト右、テキスト中央、テキスト左を使用してボタンの位置を設定できます。

例:

次は、各 li のボタンを右に揃える必要がある簡単な例です:

  • One
  • Two
ログイン後にコピー

方法 1:

Bootstrap 3 では、次のように、右にプル スタイル クラスを使用して要素を右揃えにできます。

 
  • One
  • Two
ログイン後にコピー

次のように、各 li の高さを適切に調整します。

li{line-height:40px; height:40px;}
ログイン後にコピー

方法 2:


ブートストラップ 3 では、次のように text-right スタイル クラスを使用してボタンを右揃えにすることもできます。

ログイン後にコピー

方法 3:


Bootstrap 4 では、次のように、プルライト スタイル クラスの名前がフロート右クラス名に変更されました:

One
Two
ログイン後にコピー
推奨:

bootstrap 入門チュートリアル

以上がブートストラップでボタンの位置を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!