부트 스트랩 열 몇 가지 이유를 들어

은 서로의 위에, 내 fiddle에 수평으로 적재한다 : -부트 스트랩 열 몇 가지 이유를 들어

<!DOCTYPE html> 
<html> 

    <head> 
    <title>Sue Let The Dogs Out</title> 
    <script type="text/css" src=""></script> 
    </head> 

    <body> 
    <div class="header"> 
     <div class="row"> 
     <div class="container"> 
      <h1> 
      Sue Let The Dogs Out! 
      </h1> 
      <ul class="nav"> 
      <li>About</li> 
      <li>Services</li> 
      <li>Testimonials</li> 
      <li>Contact Us</li> 
      </ul> 
     </div> 
     </div> 
    </div> 

    <div class="jumbotron"> 
     <div class="container"> 
     <div class="row"> 
      <h2> Bespoke Pet Services</h2> 
     </div> 
     <div class="row"> 
      <h4>Around the Bristol Area</h4> 
     </div> 
     </div> 
    </div> 

    <div class="supporter"> 
     <div class="container"> 
     <div class="row"> 
      <div class="col-md-4"> 
      <h3>Dog Walking</h3> 
      <p>We offer one hour dog walks individually or in a group at extremely competitive rates. The walks take place in safe, traffic free, varied environments such as riverside walks, woodlands and parks. We are happy to deal with all dogs, from the 
       smallest through to giant breeds.</p> 
      </div> 
      <div class="col-md-4"> 
      <h3>House Sitting</h3> 

      <p>We offer overnight pet sitting in the client's home. This unique service is ideal for pet owners who, for example, want a few days or weeks' holiday but are reluctant to kennel board. The majority of cats and dogs, particularly dogs, suffer 
       anxiety, stress and depression due to unfamilar surroundings, lack of exercise, stimulation and human companionship.</p> 
      </div> 
      <div class="col-md-4"> 
      <h3>Pet Sitting</h3> 
      <p>We are able to arrange to visit your pet during the day to feed and water them - this can be ideal if you are a cat owner needing to be away for a few days but wishing to avoid the disruption of putting your cat in a cattery, for example.</p> 
      </div> 
     </div> 
     </div> 
    </div> 

    <div class="footer"> 
     <div class="container"> 
     <div class="row"> 
     <div class="col-md-8"> 
      <h4>© Rebecca Townsend Design</h4> 
     </div> 
     <div class="col-md-4"> 
      <h4>Contact Us</h4> 
      </div> 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

당신은 내가이 문제를 해결 할 방법을 제안 할 수 있을까요? 나는 코드 작성에 새로운 편이어서 코드 내에서 많은 실수가있을 것이다. 제발 좀 도와주세요!

출처

2016-08-10 Becky Townsend

당신은 당신이 실제로 지금까지 내가 말할 수있는 그 바이올린에 부트 스트랩을 포함하지 않는 – Cfreak

질문에 코드를 표시해야합니다. – TW80000

실제로 HTML에 부트 스트랩 파일을 포함시켜야합니다. 이 링크를 사용하거나 다운로드하여 프로젝트에 로컬로 삽입 할 수 있습니다.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"

출처

2016-08-10 19:49:07 Kim

아하! 고마워요 :) 그 '작동! –

부트 스트랩 클래스가 예상 한대로 작동하려면 부트 스트랩 CSS 라이브러리를 포함시켜야합니다.

당신은 그래서 같은 CDN을 사용할 수 있습니다

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

출처

2016-08-10 19:49:23 TW80000

고마워요! –

부트 스트랩 열 몇 가지 이유를 들어

답변

관련 문제