Comment passer du rembourrage / la marge comme des accessoires dans les composants de réact-bootstrap

Question

J'essaie d'appliquer des marges et des pompiers avec Reag-bootstrap en tant que accessoires.

J'ai passé le - docs à travers mais n'ai trouvé aucune mention ajoutant un rembourrage ou une marge là-bas, car elle est officielle bootstrap docs ( ème et 4ème ). Je sais que cela ne prend pas en charge bien Bootstrap 4, tellement essayé avec les deux.

J'ai essayé de passer des paramètres comme p={1}, paddingxs={5} ou alors mt='1' Mais cela ne reconnaît aucun d'entre eux. Plus sur Essayé de trouver n'importe quel espacement Élément dans le dossier React-Bootstrap, mais a échoué.

Les pagaies et les marges fonctionnent comme noms de classe. Mais je pense qu'il doit y avoir un moyen de passer sans Bootstrap classes. Il doit y avoir une sorte de propriété.

Answer 1

Vous pouvez ajouter de la marge et du remplissage en utilisant le style de réact par défaut:

const divStyle = {
  marginLeft: '10px',
};

function HelloWorldComponent() {
  return <div style={divStyle}>Hello World!</div>;
}

Référencé de ici

Answer 2

Vous voudrez ajouter NomName = "P-5" à l'élément. Ce n'est pas documenté dans React-Bootstrap mais c'est dans l'original Bootstrap 4 Documentation ici: https://getbootstrap.com/docs/4.4/uties/spacing/#examples