Comment puis-je aligner "bouton Enregistrer" sur le côté droit du formulaire Voici ma structure de fichier component.html

    <div class ="container-fluid">
    <div class ="container">
    <div class="row">
    <div class="col-6>
    <form>
    </form>
    </div>
    <div class="col-6">
    <form>
       <p class="input-group text-white ">
        <button type="submit" class="btn btn-primary ">Save Records        </button> 
              </p>
    </form>
    </div>
    </div>
    </div>
    </div>

Je veux aligner ce bouton à droite sous le deuxième formulaire

-3
SAAD A82 8 nov. 2019 à 11:05

5 réponses

Essayez ce code en utilisant float-right:

 <div class ="container-fluid">
  <div class ="container">
    <div class="row">
      <div class="col-6">
        <form>
        </form>
      </div>
      <div class="col-6">
        <form class="float-right">
         <p class="input-group text-white ">
          <button type="submit" class="btn btn-primary ">Save Records </button> 
        </p>
      </form>
    </div>
  </div>
</div>
</div>
0
Akshita Karetiya 8 nov. 2019 à 09:57

Utilisez style="float: right" pour vous aligner sur votre bouton à l'extrême droite du formulaire.

<button type="submit" class="btn btn-primary" style="float: right">Save Records</button>

Si vous souhaitez mentionner le pixel, vous pouvez utiliser margin-left: some px

<button type="submit" class="btn btn-primary" style="margin-left: 100px">Save Records</button>

DEMO

0
ng-suhas 8 nov. 2019 à 08:26

Il y a deux façons de faire ça:

  1. En utilisant la classe bootstrap

    <button type="submit" class="btn btn-primary float-right">Save Records</button>
    
  2. En utilisant l'attribut de style

    <button type="submit" class="btn btn-primary" style="float:right">Save Records</button>

0
Prabhjot Singh Kainth 8 nov. 2019 à 08:44

Pourquoi float Quand vous pouvez utiliser la classe de démarrage .text-right.

J'espère que cela peut vous aider.

<p class="input-group text-white text-right">

0
Prakash Rajotiya 8 nov. 2019 à 08:40

Placez le bouton dans un div et le nom de la classe doit être à droite du texte dans Bootstrap 4.

    <div class ="container-fluid">
    <div class ="container">
    <div class="row">
    <div class="col-6>
    <form>
    </form>
    </div>
    <div class="col-6">
    <form>enter code here
       <p class="input-group text-white ">
        <div class="text-right">
<button type="submit" class="btn btn-primary ">Save Records        </button> 
</div>
              </p>
    </form>
    </div>
    </div>
    </div>
    </div>

J'espère que cela vous aidera.

0
Rafee Shaik 8 nov. 2019 à 10:40