묻고답하기
부트스트랩(bootstrap)에 제로보드 적용시 게시판글쓰기 애러
2019.07.01 21:34
안녕하세요. 부트스트랩과 제로보드를 활용해 웹사이트를 제작중에 있는데요.
http://www.uadd.co.kr/xe/dataroom
게시판을 생성하고 게시판관리에서 상/하단 내용을 절대경로로 해서 넣었는데.. 게시판 목록은 보이는데 쓰기와 세부내용보기 등에서 흰화면으로 나옵니다. (소스보기를 하게 되면 소스는 들어 있습니다)
아마도 CSS 충돌인것 같기도하고.. 진행이 안되네요. (게시판의 어떤 스킨을 사용해도 동일한 현상입니다)
현재 여러분들이 테스트를 해 볼 수 있도록 글쓰기 권한 등을 모두 부여해 놨는데.. 어떻게 해야 하나요?
상단소스
------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>홍보마케팅 대행, 교육기관홍보대행, 블로그마케팅, 블로그운영관리, 교육생모집대행, U.ADD, 유에드</title>
<link href="http://www.uadd.co.kr/css/bootstrap.min.css" rel="stylesheet">
<link href="http://www.uadd.co.kr/css/font-awesome.min.css" rel="stylesheet">
<link href="http://www.uadd.co.kr/css/pe-icons.css" rel="stylesheet">
<link href="http://www.uadd.co.kr/css/prettyPhoto.css" rel="stylesheet">
<link href="http://www.uadd.co.kr/css/animate.css" rel="stylesheet">
<link href="http://www.uadd.co.kr/css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<script src="http://www.uadd.co.kr/js/jquery.js"></script>
<link rel="shortcut icon" href="http://www.uadd.co.kr/images/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.uadd.co.kr/images/ico/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.uadd.co.kr/images/ico/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.uadd.co.kr/images/ico/images/ico/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" href="http://www.uadd.co.kr/images/ico/apple-touch-icon-57x57.png">
<script type="text/javascript">
jQuery(document).ready(function($){
'use strict';
jQuery('body').backstretch([
"http://www.uadd.co.kr/images/bg/bg4.jpg",
"http://www.uadd.co.kr/images/bg/bg4.jpg",
"http://www.uadd.co.kr/images/bg/bg4.jpg",
], {duration: 5000, fade: 500});
$("#mapwrapper").gMap({ controls: false,
scrollwheel: false,
markers: [{
latitude:40.7566,
longitude: -73.9863,
icon: { image: "http://www.uadd.co.kr/images/marker.png",
iconsize: [44,44],
iconanchor: [12,46],
infowindowanchor: [12, 0] } }],
icon: {
image: "http://www.uadd.co.kr/images/marker.png",
iconsize: [26, 46],
iconanchor: [12, 46],
infowindowanchor: [12, 0] },
latitude:40.7566,
longitude: -73.9863,
zoom: 14 });
});
</script>
</head><!--/head-->
<body>
<div id="preloader"></div>
<header class="navbar navbar-inverse navbar-fixed-top " role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="http://www.uadd.co.kr/index.html"><img src="http://www.uadd.co.kr/images/logo.png" align="center"><!--h1>U.ADD(유에드)</h1--></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.uadd.co.kr/index.html">메인화면</a></li>
<li><a href="http://www.uadd.co.kr/about-us.html">About Us</a></li>
<li><a href="http://www.uadd.co.kr/services.html">주요서비스</a></li>
<li><a href="http://www.uadd.co.kr/portfolio.html">포트폴리오(실적)</a></li>
<li><a href="http://www.uadd.co.kr/dataroom.html">정보자료실</a></li>
<li><a href="http://www.uadd.co.kr/contact-us.html">문의/견적요청</a></li>
<li class="dropdown active">
<a href="http://www.uadd.co.kr/#" class="dropdown-toggle" data-toggle="dropdown">연결(Link)<i class="icon-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="http://www.uadd.co.kr/https://blog.naver.com/designmumu" target="_blank">네이버 블로그</a></li>
<li><a href="http://www.uadd.co.kr/https://www.facebook.com/ka210" target="_blank">페이스북페이지</a></li>
<li class="active"><a href="http://www.uadd.co.kr/https://www.instagram.com/kailhyun/" target="_blank">인스타그램</a></li>
</ul>
</li>
</ul>
</div>
</div>
</header><!--/header-->
<section id="single-page-slider" class="no-margin">
<div class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="center gap fade-down section-heading">
<h2 class="main-title">DATA ROOM</h2>
<hr>
<p>웹사이트, 디자인, 소셜마케팅 관련된 다양한 자료를 통해 여러분에게 도움이 되도록 하겠습니다</p>
</div>
</div>
</div>
</div>
</div><!--/.item-->
</div><!--/.carousel-inner-->
</div><!--/.carousel-->
</section><!--/#main-slider-->
<div id="content-wrapper">
<section id="contact" class="white">
<div class="container">
===============하단 내용 ==============
</div>
</section>
</div>
<div id="footer-wrapper">
<section id="bottom" class="">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 about-us-widget">
<h4>Customer's praise!!</h4>
<p>소셜채널과 웹사이트 중 활용채널을 고민할 때 장단점부터 웹사이트 제작 이후 노하우를 통해 빠르게 이해할 수 있었다. 또한 관리를 위한 포토샵 기능기능까지 설명해 줄 정도여서 감동이 되었다 <br>- 수원○○ ○○○ - </p>
</div><!--/.col-md-3-->
<div class="col-md-3 col-sm-6">
<h4>Company</h4>
<div>
<ul class="arrow">
<li><a href="http://www.uadd.co.kr/#">ABOUT US</a></li>
<li><a href="http://www.uadd.co.kr/#">주요서비스</a></li>
<li><a href="http://www.uadd.co.kr/#">포트폴리오(실적)</a></li>
<li><a href="http://www.uadd.co.kr/#">문의/견적요청</a></li>
</ul>
</div>
</div><!--/.col-md-3-->
<div class="col-md-3 col-sm-6">
<h4>Latest Project</h4>
<div>
<div class="media">
<div class="pull-left">
<img class="widget-img" src="http://www.uadd.co.kr/images/portfolio/folio01.jpg" alt="">
</div>
<div class="media-body">
<span class="media-heading"><a href="http://www.uadd.co.kr/#">Gustoa website</a></span>
<small class="muted">2019.6.21 Gustoa</small>
</div>
</div>
<div class="media">
<div class="pull-left">
<img class="widget-img" src="http://www.uadd.co.kr/images/portfolio/folio07.jpg" alt="">
</div>
<div class="media-body">
<span class="media-heading"><a href="http://www.uadd.co.kr/#">한빛교육센터</a></span>
<small class="muted">2017.12.11</small>
</div>
</div>
</div>
</div><!--/.col-md-3-->
<div class="col-md-3 col-sm-6">
<h4>Come See Us</h4>
<address>
<strong>유에드(U.ADD)</strong><br>
경기도 용인시 기흥구 마북동<br>
충북 청주시 청원구 오창읍<br>
<a href="http://www.uadd.co.kr/mailto:ka210@naver.com">ka210@naver.com</a><br>
<abbr title="Phone"><i class="fa fa-phone"></i></abbr> 010-9101-7476
</address>
</div> <!--/.col-md-3-->
</div>
</div>
</section><!--/#bottom-->
<footer id="footer" class="">
<div class="container">
<div class="row">
<div class="col-sm-8">
© 2019 유에드(U.ADD). All Rights Reserved. <a href="http://www.uadd.co.kr/https://templatemag.com/bootstrap-templates/">Bootstrap templates</a> by TemplateMag.
</div>
<div class="col-sm-4">
<ul class="pull-right">
<li><a id="gototop" class="gototop" href="http://www.uadd.co.kr/#"><i class="fa fa-chevron-up"></i></a></li><!--#gototop-->
</ul>
</div>
</div>
</div>
</footer><!--/#footer-->
</div>
<script src="http://www.uadd.co.kr/js/bootstrap.min.js"></script>
<script src="http://www.uadd.co.kr/js/jquery.prettyPhoto.js"></script>
<script src="http://www.uadd.co.kr/js/plugins.js"></script>
<script src="http://www.uadd.co.kr/js/init.js"></script>
</body>
</html>
- [2016/07/19] 묻고답하기 게시판 스킨 수정 *4
- [2014/08/11] 묻고답하기 부트스트랩 초보자용 메뉴얼같은건 없을까요? *1
- [2012/02/25] 묻고답하기 이 게시판 스킨의 이름을 알고싶습니다. *1
- [2009/07/27] 묻고답하기 제로보드 호스팅 연결 오류
댓글 5
-
햄슈터
2019.07.02 04:02
네 감사합니다.
그런데 에디터를 변경해도 안되네요. 아무래도 CSS 충돌인것 같습니다. ㅠ
-
SimpleCode
2019.07.02 11:07
jquery를 2번 불러와서 그런 것 같은데요.
(XE에서 이미 jquery를 불러오고 있습니다.)
-
햄슈터
2019.08.02 09:23
감사합니다. 말씀해주신 것처럼 jQuery를 상단에서 삭제하니까 정상적으로 보여지네요..
다시 한번 감사합니다.
-
레이아웃에서 코드님 말씀데로 제이쿼리 지워보시고
https://webdir.tistory.com/468 여기 참고하셔서
jquery migrate로 충돌을 막아보세요.
먼저, 에디터 js 충돌일 수 있으니, 에디터를 ckeditor 말고 다른걸로 해보세요.