버튼 위치 조정

커뮤니티

포인트

로딩중

쿠폰

내 강의실

국비 신청 내역

수강권

증명서

숙제 피드백

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

버튼 위치 조정

웹개발 종합반

2주차

김*연

・

추천

・

조회수

답변 완료

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

    <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>

    <style>
      .mytitle{
          padding: 150px;
          text-align: center;

          background-image: url("https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAxODExMjJfNzkg%2FMDAxNTQyODcyMjIxNDE0.aRx_2IE9YC7bT4ejXkdK-1Mkab0LGsdn1OIJMD5BCJ0g.f0npgzT0zUXa84N5CuLg67-kQYbuq1ylVIuBzcADU14g.JPEG.hi_nso%2Fdd.JPG&type=sc960_832");
          background-position: center 5%;
          background-size: cover;

          color: darkblue;
      }
      .btn_box{
          width: 500px;
          height: 150px;
          margin: 70px auto 0 auto;

          box-shadow: 0 0 3px 0 gray;
          /*padding: 50px 140px 50px 140px;*/
          /*text-align: center;*/
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
      }
      .btn_box>button{
          margin-left: 60px;
          margin-right: 60px;
      }
      .btn btn-outline-secondary>button{
          /*???*/
      }

    </style>
    <script>
        let mise_list=[];

        for (let i=0; i<mise_list.length; i++){
            if (mise_list[i]['IDEX_MVL']<40){
                console.log(mise_list[i]['MSRSTE_NM'])
            }
        }
    </script>
</head>

<body>
    <div class="mytitle">
      <h1>스마트가로등</h1>
      <button type="button" class="btn btn-outline-secondary">관리페이지로 이동하기</button>
    </div>
    <div class="btn_box">
        <button type="button" class="btn btn-outline-dark">주차공간</button>
        <button type="button" class="btn btn-outline-dark">도로혼잡도</button>
    </div>
</body>
</html>

사진에서 스마트 가로등 밑에 있는 "관리페이지로 이동하기" 버튼을 오른쪽 윗부분으로 이동시키고 싶은데요 어떻게 해야 하는지 모르겠습니다 ㅠㅠ 코드 부분에서 /*???*/라고 되어있는 부분에 뭘 써야 하는지까진 했는데.. 그 뒤로는 방법을 모르겠어요ㅠ

댓글 알림