• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 부트스트랩 button이 안먹혀요

부트스트랩 button이 안먹혀요

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #7898

    이도아
    참가자

    <!doctype html>
    <html lang="en">
      <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
        <link rel="stylesheet" href="main.css">
        <title>Hello, world!</title>
      </head>

    <body>
       
        <div class="container">
          <div class="row">

            <div class="col-lg-9">

              <div class="profile-wrap">

              <div class="profile-photo">
            <img src="images/profile-pic.png" alt=""> 
          </div>

            <div class="profile-words">
            <h3>Killian Sven</h3>
            <p>Front-end Designer</p>
            <p>서울 마포구</p>
            <button></button>
          </div>

        </div>

            </div>

            <div class="col-lg-3">

              <div class="profile-wrap">
              <ul class="en-profile">
                <li>Location</li>
                <li>Age</li>
                <li>Experience</li>
                <li>School</li>
              </ul>
              <ul class="ko-profile">
                <li>서울 마포구</li>
                <li>90년생</li>
                <li>신입</li>
                <li>천조국대 토목학과</li>
              </ul>
            </div>

            </div>
           
          </div>
        </div>

        <!-- Optional JavaScript; choose one of the two! -->

        <!-- Option 1: Bootstrap Bundle with Popper -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>

        <!-- Option 2: Separate Popper and Bootstrap JS -->
        <!--
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
        -->
      </body>
    </html>

     

     

     

    cdn방식으로 붙여 넣어서 사용 중인데, 

    버튼이 css 안먹힌 일반 쪼꼬만한 버튼으로 나와요 ㅠㅠ 왜이럴까요? 근데 또 웃긴 건, grid는 먹혀요 

    혹시 main.css 링크를 아래 걸면 안되나 싶어서 위에 걸었더니, main.css에 적어놓은것들이 안먹혀요... 어떡해야하죠 

    #7902

    codingapple
    키 마스터

    왜냐면 버튼예제를 부트스트랩 사이트에서 복붙하지 않아서 그렇습니다 

    <button class="btn btn-danger">버튼</button>

    이렇게 쓰면 될걸요 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠