NPDS
Responsive

<div class="row bg-light">

  <div class="col-md-4">.col-md-4</div>

  <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>

</div>

<br />

<div class="row bg-light">

  <div class="col-md-4">.col-md-4</div>

  <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>

</div>

Citation : jpb
du code
HTML

<div class="row bg-light">

  <div class="col-md-4">.col-md-4</div>

  <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>

</div>

L'eau goutte à  goutte finit toujours par percer la pierre...

      //<![CDATA[

      /* ce script assure : 

      responsivité des anciens site : forçage des dimensions par la classe img-fluid,

      paramétrages de plugins :  tooltips, popover, toggle, boostrap table, highlight

      */

      // ==> choix icon boostrap table //

         window.icons = {

            !!refresh!!: 'fa-!!refresh!! fa-lg',

            toggle: 'fa-toggle-on fa-lg',

            columns: 'fa-th-list fa-lg',

            detailOpen: 'fa-plus-square-o',

            detailClose: 'fa-minus-square-o'

         };

      // <== choix icon boostrap table //



         $(document).ready(function(){

            // responsive old data

            $('.article_texte img,.ibid_descr img').addClass('img-fluid');

            $('#ban img,#art_preview img,#online_user_journal img,#art_sect img').addClass('img-fluid');

            $('!!iframe!!').addClass("!!embed!!-responsive-item");



            $('.fo-post-mes img').addClass('img-fluid');//not sure if usefull to late ...

            // icon toggle 

            $('a[data-toggle="collapse"]').click(function () {

               $(this).find('i.toggle-icon').toggleClass('fa-caret-up fa-caret-down',6000);

            })

            $('a[data-toggle="collapse"]').click(function () {

CREATE TABLE mainblock (

  title varchar(255) DEFAULT NULL,

  content text

) ENGINE=MyISAM DEFAULT CHARSET=utf8;



INSERT INTO mainblock VALUES ('Menu', '<ul><li><a href="modules.php?ModPath=archive-stories&ModStart=archive-stories">Nouvelles</a></li><li><a href="forum.php">Forums</a></li><li><a href="sections.php">Rubriques</a></li><li><a href="topics.php">Sujets actifs</a></li><li><a href="modules.php?ModPath=links&ModStart=links">Liens Web</a></li><li><a href="download.php">Downloads</a></li><li><a href="faq.php">FAQ</a></li><li><a href="static.php?op=statik.txt&npds=1">Page statique</a></li><li><a href="reviews.php">Critiques</a></li><li><a href="memberslist.php">Annuaire</a></li><li><a href="map.php">Plan du site</a></li></ul><ul><li><a href="friend.php">Faire notre pub</a></li><li><a href="user.php">Votre compte</a></li><li><a href="submit.php">Nouvel article</a></li></ul><ul><li><a href="admin.php">Administration</a></li></ul>');



INSERT INTO metalang (def, content, type_meta, type_uri, uri, description, obligatoire) VALUES('!connexion!', '$cmd=meta_lang("!login!");', 'meta', '-', NULL, '[french]Alias de !login![/french]', '1');

INSERT INTO metalang (def, content, type_meta, type_uri, uri, description, obligatoire) VALUES('!administration!', 'function MM_administration() {\n   global $admin;\n   if ($admin) {\n      return("<a href=\\"admin.php\\">".translate("Administration Tools")."</a>");\n   } else {\n      return("");\n   }\n}', 'meta', '-', NULL, '[french]Affiche un lien vers l''administration du site uniquement si l''on est connecté en tant qu''admin[/french]', '1');

INSERT INTO metalang (def, content, type_meta, type_uri, uri, description, obligatoire) VALUES('admin_infos', 'function MM_admin_infos($arg) {\n   global $NPDS_Prefix;\n\n   $arg = arg_filter($arg);\n   $rowQ1 = Q_select ("SELECT url, email FROM ".$NPDS_Prefix."authors where aid=''$arg''", 86400);\n   list(,$myrow) = each($rowQ1);\n   if (isset($myrow[''url''])) {\n      $auteur="<a href=\\"".$myrow[''url'']."\\">$arg</a>";\n   } elseif (isset($myrow[''email''])) {\n      $auteur="<a href=\\"mailto:".$myrow[''email'']."\\">$arg</a>";\n   } else {\n      $auteur=$arg;\n   }\n   return ($auteur);\n}', 'meta', '-', NULL, '[french]Affiche le Nom ou le WWW ou le Mail de l''administrateur / syntaxe : admin_infos(nom_de_admin)[/french]', '1');

INSERT INTO metalang (def, content, type_meta, type_uri, uri, description, obligatoire) VALUES('theme_img', 'function MM_theme_img($arg) {\n   return (MM_img($arg));\n}', 'meta', '-', NULL, '[french]Localise l''image et affiche une ressource de type <img src= / syntaxe : theme_img(forum/onglet.gif)[/french]', '1');

INSERT INTO metalang (def, content, type_meta, type_uri, uri, description, obligatoire) VALUES('!logo!', '$cmd="<img src=\\"".$GLOBALS[''site_logo'']."\\" border=\\"0\\" alt=\\"\\">";', 'meta', '-', NULL, '[french]Affiche le logo du site (admin/preferences).[/french]', '1');

INSERT INTO metalang (def, content, type_meta, type_uri, uri, description, obligatoire) VALUES('rotate_img', 'function MM_rotate_img($arg) {\r\n   mt_srand((double)microtime()*1000000);\r\n   $arg = arg_filter($arg);\r\n   $tab_img=explode(",",$arg);\r\n\r\nif (count($tab_img)>1) {\r\n   $imgnum = mt_rand(0, count($tab_img)-1);\r\n} else if (count($tab_img)==1) {\r\n   $imgnum = 0;\r\n} else {\r\n   $imgnum = -1;\r\n}\r\nif ($imgnum!=-1) {\r\n   $Xcontent="<img src=\\"".$tab_img[$imgnum]."\\" border=\\"0\\" alt=\\"".$tab_img[$imgnum]."\\" title=\\"".$tab_img[$imgnum]."\\" />";\r\n}\r\n   return ($Xcontent);\r\n}', 'meta', '-', NULL, '[french]Affiche une image aléatoire - les images de la liste sont séparée par une virgule / syntaxe rotate_img("http://www.npds.org/users_private/user/1.gif,http://www.npds.org/users_private/user/2.gif, ...")[/french]', '1');

      //<![CDATA[

      /* ce script assure : 

      responsivité des anciens site : forçage des dimensions par la classe img-fluid,

      paramétrages de plugins :  tooltips, popover, toggle, boostrap table, highlight

      */

      // ==> choix icon boostrap table //

         window.icons = {

            refresh: 'fa-refresh fa-lg',

            toggle: 'fa-toggle-on fa-lg',

            columns: 'fa-th-list fa-lg',

            detailOpen: 'fa-plus-square-o',

            detailClose: 'fa-minus-square-o'

         };

      // <== choix icon boostrap table //



         $(document).ready(function(){

            // responsive old data

            $('.article_texte img,.ibid_descr img').addClass('img-fluid');

            $('#ban img,#art_preview img,#online_user_journal img,#art_sect img').addClass('img-fluid');

            $('iframe').addClass("embed-responsive-item");



            $('.fo-post-mes img').addClass('img-fluid');//not sure if usefull to late ...

            // icon toggle 

            $('a[data-toggle="collapse"]').click(function () {

               $(this).find('i.toggle-icon').toggleClass('fa-caret-up fa-caret-down',6000);

            })

            $('a[data-toggle="collapse"]').click(function () {