커뮤니티
포인트
로딩중
쿠폰
내 강의실
국비 신청 내역
수강권
증명서
숙제 피드백
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
부트스트랩적용한 모바일 사이즈 질문이요~
웹개발 종합반
4주차
저*틴
댓글
3
・
추천
0
・
조회수
7
조회수
7
답변 완료
안녕하세요~
부트스트랩 버튼을 적용해서,
밑에처럼 웹사이트에서 나오는데요,
우클릭 - 검사 눌러서 모바일사이즈로 보니까,
밑에처럼 오른쪽으로 쭉~ 나가게 돼서요.
모바일 사이즈로 해서 밖으로 안나가고 버튼들이 밑으로 가게 하거나 할 수 있을까요?
그리고 밑에가 제가 작성한 html 코드입니다.
참고로, html은 스파르타피디아꺼에서 응용한거에요~
<!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>
<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Gowun Dodum', sans-serif;
}
.mytitle {
width: 100%;
height: 250px;
<!-- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg');-->
<!-- background-position: center;-->
<!-- background-size: cover;-->
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
<!-- .mytitle > button {-->
<!-- width: 200px;-->
<!-- height: 50px;-->
<!-- background-color: transparent;-->
<!-- color: white;-->
<!-- border-radius: 50px;-->
<!-- border: 1px solid white;-->
<!-- margin-top: 10px;-->
<!-- }-->
<!-- .mytitle > button:hover {-->
<!-- border: 2px solid white;-->
<!-- }-->
<!-- .mycomment {-->
<!-- color: gray;-->
<!-- }-->
.mycards {
margin: 20px auto 0px auto;
width: 95%;
max-width: 1200px;
}
.d-flex justify-content-center {
width: 95%;
max-width: 500px;
<!-- margin: 20px auto 0px auto;-->
<!-- padding: 20px;-->
<!-- box-shadow: 0px 0px 3px 0px gray;-->
display: none;
}
.mybtns {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.mybtns > button {
margin-right: 10px;
}
</style>
<script>
$(document).ready(function(){
listing();
});
function listing() {
$.ajax({
type: 'GET',
url: '/movie',
data: {},
success: function (response) {
alert(response['msg'])
}
})
}
function posting() {
$.ajax({
type: 'POST',
url: '/movie',
data: {sample_give: '데이터전송'},
success: function (response) {
alert(response['msg'])
}
});
}
function open_box(){
$('#post-box').show()
}
function close_box(){
$('#post-box').hide()
}
</script>
</head>
<body>
<nav class="navbar navbar-dark bg-success">
<!-- Navbar content -->
</nav>
<div class="mytitle">
<h1>프랜차이즈(창업) 데이터분석</h1>
<!-- <button onclick="open_box()">영화 기록하기</button>-->
<hr> </hr>
<h5>프랜차이즈 창업 전에 꼭!</h5>
<h5>실제 데이터를 확인해보세요!</h5>
<!-- <h5>실패할 확률은 줄이고, 성공률을 높여보세요!</h5>-->
</div>
<p></p>
<nav class="navbar navbar-dark bg-white">
<!-- Navbar content -->
</nav>
<!-- Button trigger modal -->
<!--밑에서 <div class="d-flex justify-content-center"> 이거 추가해서 버튼이 중간으로 왔다 ㅎ-->
<!-- 커피/카페 버튼-->
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
커피/카페
</button>
<!-- 커피/카페 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 치킨 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop2">
치킨
</button>
<!-- 치킨 Modal -->
<div>
<div class="modal fade" id="staticBackdrop2" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/2.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 편의점 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
편의점
</button>
<!-- 편의점 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 피자 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
피자
</button>
<!-- 피자 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 햄버거 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
햄버거
</button>
<!-- 햄버거 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 샌드위치 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
샌드위치
</button>
<!-- 샌드위치 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 떡볶이 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
떡볶이
</button>
<!-- 떡볶이 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 김밥 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
김밥
</button>
<!-- 김밥 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 족발/보쌈 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
족발/보쌈
</button>
<!-- 족발/보쌈 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 종합소매점 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
종합소매점
</button>
<!-- 종합소매점 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 제과점 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
제과점
</button>
<!-- 제과점 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 아이스크림 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
아이스크림
</button>
<!-- 아이스크림 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 중국집 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
중국집
</button>
<!-- 중국집 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 일식/돈까스 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
일식/돈까스
</button>
<!-- 일식/돈까스 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 고기/구이 버튼-->
<button type="button" class="btn btn-outline-dark mx-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
고기/구이
</button>
<!-- 고기/구이 Modal -->
<div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!-- <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- 여기가 업종클릭했을 때 나오는 이미지-->
<img src="static/1.png" class="img-fluid">
</div>
<!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
<!-- 여기가 FAQ-->
<div class="d-flex justify-content-end">
<!-- Button trigger modal -->
<button type="button" class="btn btn-info mx-5" data-bs-toggle="modal" data-bs-target="#faq">
FAQ
</button>
<!-- Modal -->
<div class="modal fade" id="faq" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">프랜차이즈(창업) FAQ</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Understood</button>-->
</div>
</div>
</div>
</div>
</div>
</div>
<hr> </hr>
<nav class="navbar navbar-dark bg-white">
<!-- Navbar content -->
</nav>
<nav class="navbar navbar-dark bg-white">
<!-- Navbar content -->
</nav>
<!--<div class="mypost" id="post-box">-->
<!-- <div class="form-floating mb-3">-->
<!-- <input id="url" type="email" class="form-control" placeholder="name@example.com">-->
<!-- <label>영화URL</label>-->
<!-- </div>-->
<!-- <div class="input-group mb-3">-->
<!-- <label class="input-group-text" for="inputGroupSelect01">별점</label>-->
<!-- <select class="form-select" id="star">-->
<!-- <option selected>-- 선택하기 --</option>-->
<!-- <option value="1">⭐</option>-->
<!-- <option value="2">⭐⭐</option>-->
<!-- <option value="3">⭐⭐⭐</option>-->
<!-- <option value="4">⭐⭐⭐⭐</option>-->
<!-- <option value="5">⭐⭐⭐⭐⭐</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="form-floating">-->
<!-- <textarea id="comment" class="form-control" placeholder="Leave a comment here"></textarea>-->
<!-- <label for="floatingTextarea2">코멘트</label>-->
<!-- </div>-->
<!-- <div class="mybtns">-->
<!-- <button onclick="posting()" type="button" class="btn btn-dark">기록하기</button>-->
<!-- <button onclick="close_box()" type="button" class="btn btn-outline-dark">닫기</button>-->
<!-- </div>-->
<!--</div>-->
<h2 class="d-flex justify-content-center"><span style="color:red">* 주요 유명브랜드 비교 *</span></h2>
<nav class="navbar navbar-dark bg-white">
<!-- Navbar content -->
</nav>
<div class="mycards">
<div class="row row-cols-1 row-cols-md-2 g-4">
<div class="col">
<h2>매출 vs 매출</h2>
<h6>매출은 상권, 입지, 평수... 다를 수 있다.</h6>
<hr></hr>
<div class="card">
<img src="static/1.png"/>
<div class="card-body">
<h3 class="card-title">버거킹 vs 롯데리아</h3>
<hr>
<p><span style="color:red">* 프롭텡's 인사이트</span></p>
</hr>
<p>1. 버거킹은...</p>
<p>2. 롯데리아는...</p>
<p>3. 버거킹이 더 트렌디...</p>
</div>
</div>
</div>
<div class="col">
<h2>창업비용 vs 창업비용</h2>
<h6>창업비용은 상권, 입지... 다를 수 있다.</h6>
<hr></hr>
<div class="card">
<img src="static/1.png"/>
<div class="card-body">
<h3 class="card-title">버거킹 vs 롯데리아</h3>
<hr>
<p><span style="color:red">* 프롭텡's 인사이트</span></p>
</hr>
<p>1. 버거킹은...</p>
<p>2. 롯데리아는...</p>
<p>3. 버거킹이 더 트렌디...</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
댓글 알림
