2016-08-05 2 views
0

클래스 축소가 작동하지 않습니다. 나는 다음을 수행하고 예제를 온라인으로 따라 갔다. 예를 들어 검색을 클릭하면 전혀 확장되지 않습니다. 부트 스트랩이 작동하지 않는 이유는 무엇입니까?

어떤 도움

는 평가 아래 내가 무슨 짓을 할 것입니다.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="container override-visible-sm"> 
 
\t \t \t <div class="row"> 
 
\t \t \t \t <p aria-controls="footerLink-Search" aria-expanded="false" data-toggle="collapse" href='##footerLink-Search' role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">Search</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-Search"> 
 
\t \t \t \t \t <a href="index.cfm/doctor-finder/">Doctor Finder</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/urgent-care-finder/">Urgent Care Finder</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-contracted-hospitals/">Affiliated Hospitals</a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 
\t \t \t \t <p aria-controls="footerLink-AboutUs" aria-expanded="false" data-toggle="collapse" href="##footerLink-AboutUs" role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">About Us</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-AboutUs"> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-code-of-conduct/">Our Code of Conduct</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/compliance-and-resources/">Compliance &amp; Resources</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-awards/">Our Award</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-health-plans/">Our Health Plans</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-mission-and-history/">Our Mission &amp; History</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-leaders/">Our Leaders</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/about-us/our-organization-and-offices/">Our Organization &amp; History</a><br /> 
 
\t \t \t \t \t <a data-toggle="modal" href="##regalprivacy">Privacy Notice</a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 

 
\t \t \t \t <p aria-controls="footerLink-PatientResources" aria-expanded="false" data-toggle="collapse" href="##footerLink-PatientResources" role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">Patients Resources</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-PatientResources"> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/community-events/">Community Events</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/programs-and-resources/">Programs &amp; Resources</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/patient-portal/">Patient Portal</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/patient-rights/">Patient Rights </a><br /> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/vital-care/">Vital Care</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/frequently-asked-questions/">Frequently asked Questions</a><br /> 
 
\t \t \t \t \t <a href="index.cfm/patient-resources/appointment-preparation/">Appointment Preparation</a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 
\t \t \t \t <p aria-controls="footerLink-ProviderResources" aria-expanded="false" data-toggle="collapse" href="##footerLink-ProviderResources" role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">Provider Resources</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-ProviderResources"> 
 
\t \t \t \t \t <a href="l_prod/index.cfm/provider-resources/vital-care-services/">Vital Care Service</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/provider-resources/regal-express-access-rea/">Regal Access Express</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/provider-resources/claims-information/">Claims Information</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/provider-resources/national-provider-identifier/">National Provider Information</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/provider-resources/california-immunization-registry/">California Immunization Registry </a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/provider-resources/electronic-claims/">Electronic Claims</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/provider-resources/compliance-newsletter/">Compliance News Letter</a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 
\t \t \t \t <p aria-controls="footerLink-NewsAndEvents" aria-expanded="false" data-toggle="collapse" href="##footerLink-NewsAndEvents" role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">News and Events</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-NewsAndEvents"> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/news-events/we-speak-your-language/">We Speak your Language</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/news-events/heritage-touchpoints-newsletter/">Heritage Newsletter</a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 
\t \t \t \t <p aria-controls="footerLink-Careers" aria-expanded="false" data-toggle="collapse" href="##footerLink-Careers" role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">Careers</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-Careers"> \t \t \t 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/careers/why-join-us/">Why Join Us</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/careers/administrative-careers/">Administrative Careers</a><br /> 
 
\t \t \t \t \t <a href="/regal_prod/index.cfm/careers/provider-careers/">Provider Careers</a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 
\t \t \t \t <p aria-controls="footerLink-Connect" aria-expanded="false" data-toggle="collapse" href="##footerLink-Connect" role="button"> 
 
\t \t \t \t \t <strong><span class="text-primary">Connect</span></strong> 
 
\t \t \t \t </p> 
 
\t \t \t \t <div class="collapse" id="footerLink-Connect"> 
 
\t \t \t \t \t <a href="http://oc2-web03/regal_prod/index.cfm/contact/">Contact</a><br /> 
 
\t \t \t \t \t <a href="http://oc2-web03/regal_prod/index.cfm/brokers/">Brokers</a><br /> 
 
\t \t \t \t \t <a href="http://www.facebook.com/RegalMed/?fref=nf" target="_blank"><img alt="Facebook" height="25" src="/regal_prod/Regal-en-us/assets/Image/social-facebook.gif" style="padding-bottom: 5px;" width="25" /></a><br /> 
 
\t \t \t \t \t <a href="http://www.youtube.com/watch?v=JJGHPbmiCPQ" target="_blank"><img alt="YouTube" height="25" src="/regal_prod/Regal-en-us/assets/Image/social-youtube.gif" style="padding-bottom: 5px;" width="25" /></a><br /> 
 
\t \t \t \t \t <a href="http://www.linkedin.com/company/4167163?" target="_blank"><img alt="LinkedIn" height="25" src="/regal_prod/Regal-en-us/assets/Image/social-linkedin.gif" width="25" /></a> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t \t <br /> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div>

+2

가로드 된 자바 스크립트 부트 스트랩인가? – Kosch

+0

@Kosch 네, 그렇습니다 –

+0

어떤 자바 스크립트를 사용합니까? 나는 버전 3 –

답변

2

여기 부트 스트랩 (CSS와 JS)와 jQuery로 동일한 코드이며, 작동하는 것 같다 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container override-visible-sm"> 
 
    <div class="row"> 
 
    <p aria-controls="footerLink-Search" aria-expanded="false" data-toggle="collapse" href='##footerLink-Search' role="button"> 
 
     <strong><span class="text-primary">Search</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-Search"> 
 
     <a href="index.cfm/doctor-finder/">Doctor Finder</a> 
 
     <br /> 
 
     <a href="index.cfm/urgent-care-finder/">Urgent Care Finder</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/our-contracted-hospitals/">Affiliated Hospitals</a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 
    <p aria-controls="footerLink-AboutUs" aria-expanded="false" data-toggle="collapse" href="##footerLink-AboutUs" role="button"> 
 
     <strong><span class="text-primary">About Us</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-AboutUs"> 
 
     <a href="index.cfm/about-us/our-code-of-conduct/">Our Code of Conduct</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/compliance-and-resources/">Compliance &amp; Resources</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/our-awards/">Our Award</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/our-health-plans/">Our Health Plans</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/our-mission-and-history/">Our Mission &amp; History</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/our-leaders/">Our Leaders</a> 
 
     <br /> 
 
     <a href="index.cfm/about-us/our-organization-and-offices/">Our Organization &amp; History</a> 
 
     <br /> 
 
     <a data-toggle="modal" href="##regalprivacy">Privacy Notice</a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 

 
    <p aria-controls="footerLink-PatientResources" aria-expanded="false" data-toggle="collapse" href="##footerLink-PatientResources" role="button"> 
 
     <strong><span class="text-primary">Patients Resources</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-PatientResources"> 
 
     <a href="index.cfm/patient-resources/community-events/">Community Events</a> 
 
     <br /> 
 
     <a href="index.cfm/patient-resources/programs-and-resources/">Programs &amp; Resources</a> 
 
     <br /> 
 
     <a href="index.cfm/patient-resources/patient-portal/">Patient Portal</a> 
 
     <br /> 
 
     <a href="index.cfm/patient-resources/patient-rights/">Patient Rights </a> 
 
     <br /> 
 
     <a href="index.cfm/patient-resources/vital-care/">Vital Care</a> 
 
     <br /> 
 
     <a href="index.cfm/patient-resources/frequently-asked-questions/">Frequently asked Questions</a> 
 
     <br /> 
 
     <a href="index.cfm/patient-resources/appointment-preparation/">Appointment Preparation</a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 
    <p aria-controls="footerLink-ProviderResources" aria-expanded="false" data-toggle="collapse" href="##footerLink-ProviderResources" role="button"> 
 
     <strong><span class="text-primary">Provider Resources</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-ProviderResources"> 
 
     <a href="l_prod/index.cfm/provider-resources/vital-care-services/">Vital Care Service</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/provider-resources/regal-express-access-rea/">Regal Access Express</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/provider-resources/claims-information/">Claims Information</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/provider-resources/national-provider-identifier/">National Provider Information</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/provider-resources/california-immunization-registry/">California Immunization Registry </a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/provider-resources/electronic-claims/">Electronic Claims</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/provider-resources/compliance-newsletter/">Compliance News Letter</a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 
    <p aria-controls="footerLink-NewsAndEvents" aria-expanded="false" data-toggle="collapse" href="##footerLink-NewsAndEvents" role="button"> 
 
     <strong><span class="text-primary">News and Events</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-NewsAndEvents"> 
 
     <a href="/regal_prod/index.cfm/news-events/we-speak-your-language/">We Speak your Language</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/news-events/heritage-touchpoints-newsletter/">Heritage Newsletter</a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 
    <p aria-controls="footerLink-Careers" aria-expanded="false" data-toggle="collapse" href="##footerLink-Careers" role="button"> 
 
     <strong><span class="text-primary">Careers</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-Careers"> 
 
     <a href="/regal_prod/index.cfm/careers/why-join-us/">Why Join Us</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/careers/administrative-careers/">Administrative Careers</a> 
 
     <br /> 
 
     <a href="/regal_prod/index.cfm/careers/provider-careers/">Provider Careers</a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 
    <p aria-controls="footerLink-Connect" aria-expanded="false" data-toggle="collapse" href="##footerLink-Connect" role="button"> 
 
     <strong><span class="text-primary">Connect</span></strong> 
 
    </p> 
 
    <div class="collapse" id="footerLink-Connect"> 
 
     <a href="http://oc2-web03/regal_prod/index.cfm/contact/">Contact</a> 
 
     <br /> 
 
     <a href="http://oc2-web03/regal_prod/index.cfm/brokers/">Brokers</a> 
 
     <br /> 
 
     <a href="http://www.facebook.com/RegalMed/?fref=nf" target="_blank"> 
 
     <img alt="Facebook" height="25" src="/regal_prod/Regal-en-us/assets/Image/social-facebook.gif" style="padding-bottom: 5px;" width="25" /> 
 
     </a> 
 
     <br /> 
 
     <a href="http://www.youtube.com/watch?v=JJGHPbmiCPQ" target="_blank"> 
 
     <img alt="YouTube" height="25" src="/regal_prod/Regal-en-us/assets/Image/social-youtube.gif" style="padding-bottom: 5px;" width="25" /> 
 
     </a> 
 
     <br /> 
 
     <a href="http://www.linkedin.com/company/4167163?" target="_blank"> 
 
     <img alt="LinkedIn" height="25" src="/regal_prod/Regal-en-us/assets/Image/social-linkedin.gif" width="25" /> 
 
     </a> 
 
     <br /> 
 
     <br /> 
 
    </div> 
 
    </div> 
 
</div> 
 
</div> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

+0

을해야했다하더라도 아직 나는 (접을 수있는 트리를 적용 할 곳은) 당신이에 하나를 추가 않았다 –

+0

를 응답하지 않는 모바일 사이트에 갈 때 바닥? – ghg565

+0

나를 위해 일하는 Roberto. 나는 모바일에 있지 않다. 그게 사실이라면 github의 부트 스트랩 문제로 체크인할까요? – Kosch

관련 문제