Moodle의 부트 스트랩 테이블

안녕하세요 저는 현재 클라이언트의 무들 사이트에서 작업하고 있습니다. 방문 페이지에서 반응 형 테이블을 얻으려고합니다. 다른 Moodle 라이브러리와 충돌하기 때문에 전체 Bootstrap 프레임 워크를 사이트에 복사 할 수 없었습니다. 방금 부트 스트랩 CSS에서 .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

출처

2016-08-30 Ollie

두 번째 줄 <div class="col-12 col-sm-12 col-lg-12">은 <div class="col-md-12 col-sm-12 col-lg-12">이어야합니다. 부트 스트랩에는 col-12가 없습니다.

도 여기 try here 부트 스트랩 테이블을 사용할 수 있습니다.

출처

2016-08-30 14:07:56 mapmalith

다른 사람들에게 유용하다고 생각한다면 내 대답을 유용하다고 표시 할 수 있습니다. :) – mapmalith

Moodle의 부트 스트랩 테이블

답변

관련 문제