Gabriel ROBIN crée (ou re-looke) votre site internet

astuce

https://test523.6temflex.com/

 

Boutons

<a class= »btn btn-custom btn-bordered » href= »https://www.pspepr.fr/wp-content/uploads/sites/2113/2020/01/casuel-offrandes-pour-les-celebrations.pdf »>Offrande pour les cérémonies</a>

https://getbootstrap.com/docs/4.0/components/buttons/

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>

<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>

 

Image

https://www.w3schools.com/bootstrap4/bootstrap_images.asp

img-circle

 

Cards

https://getbootstrap.com/docs/4.0/components/card/#card-styles

 

Formulaire

https://stackoverflow.com/questions/24175998/meaning-of-numbers-in-col-md-4-col-xs-1-col-lg-2-in-bootstrap

  • xs = extra small screens (mobile phones)
  • sm = small screens (tablets)
  • md = medium screens (some desktops)
  • lg = large screens (remaining desktops)
<div class="col-xs-6 col-sm-4">Column 1</div> <!-- 1/2 width on mobile, 1/3 screen on tablet) -->
<div class="col-xs-6 col-sm-8">Column 2</div> <!-- 1/2 width on mobile, 2/3 width on tablet -->


Accordéon