기린님이공유해주신 부트스트랩메인레이아웃 질문입니당.
본문
일단 기린님이공유해주신곳주소가 https://sir.co.kr/g5_skin/7365여기구용
데모 페이지 : http://sir.gs.hn/freelancer/ 입니다.
프로젝트에 데모페이지처럼 그림이들어가게하고싶은데용...ㅠㅠ..어디다가 src img해야댈지감이안잡혀서용..
초보적인질문이라죄송합니다
이하 프로젝트 소스입니다..감사합니당..
<!-- Portfolio Grid Section -->
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>프로젝트</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<?php
$bo_table = 'freelancer';
$sql = "SELECT * FROM g5_write_{$bo_table}
WHERE wr_is_comment = '0'
ORDER BY wr_num
LIMIT 0, 6";
$rst = sql_query($sql);
$board = array('bo_table' => $bo_table);
$i = 0;
while($row = sql_fetch_array($rst)) {
$row = get_list($row, $board, G5_URL);
$thumbnail = get_list_thumbnail($bo_table, $row['wr_id'], 900, 650);
?>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal<?php echo $i?>" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="<?php echo $thumbnail['src']?/>" class="img-responsive img-centered" alt="<?php echo $thumbnail['alt']?>">
</a>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal<?php echo $i?>" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:9999">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2><?php echo $row['subject']?></h2>
<hr class="star-primary">
<img src="<?php echo $thumbnail['src']?>" class="img-responsive img-centered" alt="<?php echo $thumbnail['alt']?>">
<p><?php echo conv_content($row['wr_content'], 2)?></p>
<ul class="list-inline item-details">
<li>Client:
<strong><?php echo $row['name']?>
</strong>
</li>
<li>Date:
<strong><?php echo date('F d, Y', strtotime($row['wr_datetime']))?>
</strong>
</li>
<li>Category:
<strong><?php echo $row['ca_name']?>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<?php $i += 1;
} ?>
</div>
</div>
</section>
<!-- About Section -->
답변 1
어렵게 생각할것없구요.
만약 수정할게
<img src="<?php echo $thumbnail['src']?>" class="img-responsive img-centered" alt="<?php echo $thumbnail['alt']?>">
이거라면,
<img src="이미지의 경로" class="img-responsive img-centered" alt="이미지설명글">
이런식으로
쓰시면 됩니다.
처음이시라면 원본소스와 이미지 사이즈는 동일하게 적용하시고
이미지의 내용만 수정해서 사용해보세요. 욕심내지 마시고.
백그라운드이미지 같은 경우는 해당 셀렉터의 css를 수정하셔야 되구요.
서버에 경로의 이미지를 업로드 해주는건 기본이겠죠~
** 다른 쓸만한 소스
http://startbootstrap.com/template-overviews/agency/