ブートストラップ4を使用していますが、ボタン/リンクを適切に中央に配置することができません-
text-center
をどのように使用しようとしてもクラス(divまたはリンク上で囲む)
<div class="row text-center">
<a class="btn btn-primary text-center" href="{% url "users:postcode" %}">Get Started</a>
</div>
ここにコードペン: https://codepen.io/anon/pen/GdbPyr
回答 2 件
text-center
を交換できます あなたのbtn
にmx-auto
と 左右の余白を強制する:<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> <section class="key-features "> <div class="container pt-4"> <div class="row"> <a class="btn btn-primary mx-auto" href="{% url "users:postcode" %}">Get Started</a> </div> </div> </section>
関連記事
- jQueryの一連のグループ内で特定の値を持つラジオボタンを選択します
- ブートストラップ4を使用してボタンの内側にスパンを垂直方向に中央揃えする方法
- ブートストラップ4を備えたジャンボトロンのセンターコンテナー
- NSLayoutConstraintを使用してプログラムでコンテナのテーブルフッタービューを中央に配置する方法は?
- CSSでボタンを中央に揃えるにはどうすればよいですか?
- マウスで動かさずに、コンテナ内で画像をドラッグします。少し速くなります。
- SVGでオブジェクト内のテキストを中央に配置する方法は?
- ホバーが終了した後、ボタンコンテナを非表示にしたい
- Kubernetesのコンテナ内からホストポートにアクセスできるようにする
- ボタンを水平方向の中央に揃える
関連した質問
- グリッドレイアウトに関係なくボタンを配置しますbootstrap4
- ブートストラップコンテナ付きの半角背景画像
- ブートストラップ4を使用してボタンの内側にスパンを垂直方向に中央揃えする方法
- 流体コンテナの行にマージンを追加すると、1つのdivが下にシフトしてそれを防ぐ方法はありますか?
- ラベルの配置。同じ高さ。ブートストラップ4:フォーム
- カラムを強制的に右側に配置します(フロート右)
- モーダルのはるか外側に伸びるDiv、内側にとどまってスクロールしたい
- ナビゲーションバーの横にあるフロートテキスト
- Bootstrap行が要素にパディングを追加するのはなぜですか?
- CSSBootstrapのWebサイトナビゲーションバーにドロップダウンボタンのドロップダウン効果を作成できません
追加するだけ:
justify-content-center
親コンポーネントに。コードは次のようになります。作業ペン:https://codepen.io/manAbl/pen/bMPOJM?editors=1000;
-ヒントを示すためだけに背景を追加しました。これは本当に助けになり、時々視点を持たせることができます-
希望が役立ちます:)