Столы загрузочные в Moodle

Question

Привет, я в настоящее время работаю над сайтом клиента Moodle. Мы пытаемся получить отзывчивые таблицы на главной странице сайта. Мне не удалось скопировать всю платформу Bootstrap на сайт, поскольку она конфликтует с другими библиотеками Moodle. Я только что скопировал и вставил элементы таблицы, начиная с .container из загрузочного CSS и добавил его в пользовательское пространство Moodle. Затем я добавил следующее:

<div class="container">
  <div class="col-12 col-sm-12 col-lg-12">
        <div class="table-responsive">
              <table class="table">
                    <tbody>
                          <tr>
                                <td class="fhcell hvr-shutter-in-horizontal" style="text-align: center;">
                                     <a href="http://moodle.ranzco.edu/course/view.php?id=98" class="nounderlineyellow"><i class="fa fa-medkit" aria-hidden="true"></i></a><span style="font-size: x-large;"><br />Trainees</span>
                                </td>
                                <td class="fhcell hvr-shutter-in-horizontal" style="text-align: center;">
                                      <p><a href="http://moodle.ranzco.edu/course/view.php?id=102" class="nounderlineyellow"><i class="fa fa-user-md" aria-hidden="true"></i></a><br /><span style="font-size: x-large;">Term Supervisors Clinical Tutors</span></p>
                                </td>
                                <td class="fhcell hvr-shutter-in-horizontal" style="text-align: center;">
                                      <a href="http://moodle.ranzco.edu/course/view.php?id=101" class="nounderlineyellow"><i class="fa fa-graduation-cap" aria-hidden="true"></i></a><br /><span style="font-size: x-large;">Examiners</span>
                                </td>
                          </tr>
                          <tr>
                                <td class="fhcell hvr-shutter-in-horizontal" style="text-align: center;">
                                      <a href="http://moodle.ranzco.edu/course/view.php?id=97" class="nounderlineyellow"><i class="fa fa-eye" aria-hidden="true"></i></a><br /><span style="font-size: x-large;">Mentors</span>
                                </td>
                                <td class="fhcell hvr-shutter-in-horizontal" style="text-align: center;">
                                      <a href="http://moodle.ranzco.edu/course/view.php?id=100" class="nounderlineyellow"><i class="fa fa-users" aria-hidden="true"></i></a><br /><span style="font-size: x-large;">Fellows</span>
                                </td>
                                <td class="fhcell hvr-shutter-in-horizontal" style="text-align: center;">
                                      <a href="http://moodle.ranzco.edu/course/view.php?id=99" class="nounderlineyellow"><i class="fa fa-globe" aria-hidden="true"></i></a><br /><span style="font-size: x-large;">International Medical Graduates</span>
                                </td>
                          </tr>
                    </tbody>
              </table>
        </div>
  </div>

Но это не работает. Любая помощь могла бы быть полезна. URL сайта - Moodle Site

Answer 1

Ваша вторая линия <div class="col-12 col-sm-12 col-lg-12"> должно быть <div class="col-md-12 col-sm-12 col-lg-12"> нет в col-12 в начальной загрузке.

Также вы можете попробовать здесь таблицы начальной загрузки здесь в первую очередь.