Bootstrap 3로 멋진 글꼴이 작동하지 않습니다

StackOverflow https://stackoverflow.com//questions/20037106

문제

홈페이지에 명시된대로 글꼴 멋진 글꼴을 추가 한 내 머리글입니다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Custom Font awesome -->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <!-- Bootstrap core CSS -->
  <link href="../css/bootstrap.css" rel="stylesheet"
</head>
.

를 추가하여 글꼴 멋진 테스트를 시도하십시오. 
<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
</a>
.

그러나 결과는 다음과 같습니다. 글꼴 멋진 타이포그래피 또는 아이콘 중 어느 것도 없습니다.Font Awesome이 부트 스트랩 코드를 덜어줍니다.누구나 도움이 될 수 있습니까?

도움이 되었습니까?

해결책

다음 예제에는 기본적으로 게시 한 두 개의 스 니펫의 조합이되는 문제가 없습니다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Custom Font awesome -->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <!-- Bootstrap core CSS -->
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
</head>    

<body>
  <a class="btn btn-lg btn-success" href="#">
    <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
  </a>
</body>
</html>
.

Michal이 주목하므로 버전이 부트 스트랩 스타일 시트에 대한 열린 링크 태그가있었습니다.내가 한 유일한 변화는 CDN에서 부트 스트랩을로드하고 있었다 (로컬 복사본이 편리하지 않았기 때문에).

그러나 링크 태그가 닫히지 않았지만 사용 된 브라우저에 따라 다를 수있는 예제는 작동했습니다.콘솔에 오류가 발생 했습니까 (예 : 누락 된 구성 요소?)

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top