{"id":1202,"date":"2023-07-13T19:50:41","date_gmt":"2023-07-13T17:50:41","guid":{"rendered":"https:\/\/www.mentorformation.fr\/?page_id=1202"},"modified":"2025-05-05T16:39:46","modified_gmt":"2025-05-05T14:39:46","slug":"programmation-bootstrap","status":"publish","type":"page","link":"https:\/\/www.mentorformation.fr\/index.php\/programmation-bootstrap\/","title":{"rendered":"Programmation BOOTSTRAP"},"content":{"rendered":"\n\n\n\n\n

Programmation BOOTSTRAP<\/h2>\n\n\n\n\n\n\n\n\n

OBJECTIFS P\u00c9DAGOGIQUES<\/span><\/p>


<\/p>

Avec cette formation Programmation BOOTSTRAP de 6 modules vous aborderez les fonctionnalit\u00e9s du Framework Bootstrap afin de le manipuler de mani\u00e8re efficace dans vos projets web.<\/font><\/p><\/span><\/span><\/span>

<\/p>

<\/font><\/p>

<\/p><\/span>

<\/div>\n\n\n\n\n\n\n\n

NIVEAU DE GRANULARISATION<\/strong><\/span><\/span><\/strong><\/span><\/p>\n\n\n

9 modules interactifs soit 3 cas pratiques + 32 le\u00e7ons d\u2019apprentissage<\/font>
<\/p>\n\n\n\n\n

TEMPS MOYEN DE FORMATION<\/strong><\/p>\n\n\n

13 heures<\/font>
<\/p>\n\n\n\n\n

SYST\u00c8ME D\u2019\u00c9VALUATION<\/strong><\/span><\/p>\n\n\n

Oui<\/span>
<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

D\u00c9TAIL DE LA FORMATION<\/strong><\/p>\n\n\n\n\n\n\n\n\n\n\n

<\/p><\/span>

<\/p><\/span>

<\/p><\/span><\/span>

<\/p>

<\/p>

  • Cr\u00e9er des colonnes avec les grilles Bootstrap<\/span>
    <\/li>
  • Aligner et espacer les colonnes des grilles Bootstrap<\/span>
    <\/li>
  • G\u00e9rer l’ordre des colonnes et l’imbrication de lignes<\/span>
    <\/li>
  • Mettre en forme des textes<\/span>
    <\/li>
  • Modifier la couleur de fond, du texte et l’opacit\u00e9 des \u00e9l\u00e9ments<\/span>
    <\/li>
  • Modifier les dimensions des \u00e9l\u00e9ments<\/span>
    <\/li>
  • Modifier les bordures des \u00e9l\u00e9ments<\/span>
    <\/li>
  • Ajouter des marges aux \u00e9l\u00e9ments<\/span>
    <\/li><\/ul>\n\n\n\n\n\n\n\n\n

    <\/p><\/span>

    <\/p><\/span>

    <\/p><\/span><\/span>

    <\/p>

    <\/p>

    • Modifier l’affichage des \u00e9l\u00e9ments<\/span>
      <\/li>
    • Modifier le positionnement des \u00e9l\u00e9ments<\/span><\/font><\/li>
    • Cacher les \u00e9l\u00e9ments et g\u00e9rer les d\u00e9passements<\/span><\/font><\/li>
    • Ajouter des ombres aux \u00e9l\u00e9ments<\/span><\/font><\/li>
    • Cr\u00e9er des tableaux<\/span><\/font><\/li>
    • G\u00e9rer les images et les figures<\/span><\/font><\/li>
    • Cr\u00e9er des boutons<\/span><\/font><\/li>
    • Cr\u00e9er des groupes de listes<\/span><\/font><\/li>
    • Structurer des formulaires<\/span><\/font><\/li><\/ul>\n\n\n\n\n\n\n\n\n

      <\/p><\/span>

      <\/p><\/span>

      <\/p><\/span><\/span>

      <\/p>

      <\/p>

      • Cr\u00e9er un menu de navigation avec Bootstrap<\/span>
        <\/li>
      • Cr\u00e9er des \u00e9l\u00e9ments et des menus d\u00e9roulants avec Bootstrap<\/span><\/font><\/li>
      • Cr\u00e9er des barres de navigation complexes avec Bootstrap<\/span><\/font><\/li>
      • Utiliser les autres composants de navigation Bootstrap<\/span><\/font><\/li>
      • Alertes, boites modales et notifications toast Bootstrap<\/span><\/font><\/li>
      • Boites d’aide et popovers Bootstrap<\/span><\/font><\/li>
      • Barres de progression et spinners Bootstrap<\/span><\/font><\/li>
      • Utiliser les cartes ou cards<\/span><\/font><\/li>
      • Cr\u00e9er un carrousel<\/span><\/font><\/li><\/ul>\n\n\n\n\n\n\n\n\n

        <\/p><\/span>

        <\/p><\/span>

        <\/p><\/span><\/span>

        <\/p>

        <\/p>

        • Pr\u00e9sentation de Bootstrap<\/span>
          <\/li>
        • Pr\u00e9sentation du fonctionnement de Bootstrap<\/span>
          <\/li>
        • Pr\u00e9sentation du syst\u00e8me de grilles de Bootstrap<\/span>
          <\/li>
        • Cr\u00e9er des colonnes dans les grilles Bootstrap et g\u00e9rer leur taille<\/span><\/font><\/li>
        • G\u00e9rer l\u2019alignement et l\u2019espacement des colonnes des grilles Bootstrap<\/span>
          <\/li>
        • G\u00e9rer l\u2019ordre d\u2019affichage des colonnes et l\u2019imbrication de lignes dans une grille Bootstrap<\/span>
          <\/li><\/ul>\n\n\n\n\n\n\n\n\n

          <\/p><\/span>

          <\/p><\/span>

          <\/p><\/span><\/span>

          <\/p>

          <\/p>

          • La normalisation des styles des \u00e9l\u00e9ments HTML Bootstrap avec Reboot<\/span>
            <\/li>
          • Mettre en forme des textes avec les classes Bootstrap<\/span>
            <\/li>
          • Modifier la couleur, la couleur de fond et l\u2019opacit\u00e9 des \u00e9l\u00e9ments avec Bootstrap<\/span>
            <\/li>
          • G\u00e9rer les dimensions des \u00e9l\u00e9ments avec Bootstrap<\/span>
            <\/li>
          • Ajouter des bordures aux \u00e9l\u00e9ments avec Bootstrap<\/span>
            <\/li>
          • Ajouter des marges aux \u00e9l\u00e9ments avec Bootstrap<\/span>
            <\/li>
          • L\u2019affichage des \u00e9l\u00e9ments : Bootstrap display et display : flex<\/span>
            <\/li>
          • G\u00e9rer le type de positionnement des \u00e9l\u00e9ments avec Bootstrap<\/span>
            <\/li>
          • Cacher des \u00e9l\u00e9ments et g\u00e9rer les d\u00e9passements avec Bootstrap<\/span>
            <\/li>
          • Ajouter des ombres aux \u00e9l\u00e9ments avec Bootstrap<\/span>
            <\/li><\/ul>\n\n\n\n\n\n\n\n\n

            <\/p><\/span>

            <\/p><\/span>

            <\/p><\/span><\/span>

            <\/p>

            <\/p>

            • Cr\u00e9er des tableaux stylis\u00e9s avec Bootstrap<\/span>
              <\/li>
            • G\u00e9rer les images et les figures avec Bootstrap<\/span>
              <\/li>
            • Cr\u00e9er des boutons stylis\u00e9s avec Bootstrap<\/span>
              <\/li>
            • Cr\u00e9er des groupes de listes et appliquer des styles \u00e0 des listes avec Bootstrap<\/span>
              <\/li>
            • Structurer et styliser des formulaires avec Bootstrap<\/span>
              <\/li><\/ul>\n\n\n\n\n\n\n\n\n

              <\/p><\/span>

              <\/p><\/span>

              <\/p><\/span><\/span>

              <\/p>

              <\/p>

              • Cr\u00e9er un menu de navigation avec Bootstrap<\/span>
                <\/li>
              • Cr\u00e9er des \u00e9l\u00e9ments et des menus d\u00e9roulants avec Bootstrap<\/span>
                <\/li>
              • Cr\u00e9er des barres de navigation complexes avec Bootstrap<\/span>
                <\/li>
              • Les autres composants de navigation Bootstrap :<\/span><\/font><\/li><\/ul>breadcrumb, pagination et scrollspy<\/span>
                \n\n\n\n\n\n\n\n\n

                <\/p><\/span>

                <\/p><\/span>

                <\/p><\/span><\/span>

                <\/p>

                <\/p>

                • Alertes, boites modales et notifications toast Bootstrap<\/span>
                  <\/li>
                • Boites d\u2019aide et popovers Bootstrap<\/span>
                  <\/li>
                • Barres de progression et spinners Bootstrap<\/span>
                  <\/li><\/ul>\n\n\n\n\n\n\n\n\n

                  <\/p><\/span>

                  <\/p><\/span>

                  <\/p><\/span><\/span>

                  <\/p>

                  <\/p>

                  • Badges et jumbotron Bootstrap<\/span>
                    <\/li>
                  • Les cartes ou cards Bootstrap<\/span>
                    <\/li>
                  • Le composant Bootstrap collapse<\/span>
                    <\/li>
                  • Cr\u00e9er un carrousel avec Bootstrap<\/span>
                    <\/li><\/ul>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

                    \n<\/h4>

                    Les plus de nos formations<\/h4>\n\n

                    Nos formations sont dot\u00e9es d’une intelligence artificielle qui permet de cr\u00e9er pour chacun un parcours personnalis\u00e9 selon son niveau de d\u00e9part, ses modes d’apprentissage pr\u00e9f\u00e9r\u00e9s et ses capacit\u00e9s \u00e0 comprendre et apprendre; Ainsi le temps de formation est condens\u00e9 et focalis\u00e9 sur les points que l’apprenant maitrise le moins.

                    La plupart de nos formations dispose d’un tutorat ainsi vous n’\u00eates jamais seul, d’un clic vous pouvez joindre un tuteur sp\u00e9cialiste du domaine enseign\u00e9.
                    Si vous voulez tester une de nos formations vous pouvez nous en faire la demande et nous vous ferons parvenir un lien, un identifiant et un code d’acc\u00e8s.<\/p>\n\n

                    Prix de la formation : <\/strong>1130\u20ac HT<\/span><\/p>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1202","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"13 juillet 2023","get_modified_date":"5 mai 2025","author_name":"marcmentor","author_url":"https:\/\/www.mentorformation.fr\/index.php\/author\/marmentor\/","author_email":"mentormarchaendel@gmail.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"marcmentor","author_avatar":"","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/1202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1202"}],"version-history":[{"count":10,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/1202\/revisions"}],"predecessor-version":[{"id":5256,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/1202\/revisions\/5256"}],"wp:attachment":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}