Making your module responsive

Since Joomla! 3 is mobile-friendly by default, you should also make your module mobile-friendly too. Mobile devices have very small screens, so we can hide the unnecessary details and just show the important information to the mobile users, but still show the additional information to our desktop users. We can take advantage of Bootstrap and apply some classes that will do all the hard work. Obviously this assumes that the user's template is using Bootstrap.

Edit the file /administrator/modules/mod_latestextensions/tmpl/default.php and modify the class on the type and ID columns as follows. Don't forget to get rid of the template override from the previous section, otherwise you are not going to see your changes.

<?php
defined('_JEXEC') or die;

?>

<div class="latestextensions<?php echo $moduleclass_sfx ?>">
  <div class="row-striped">
    <?php foreach ($list as $item) : ?>
      <div class="row-fluid">
        <div class...