최근글 부트스트랩 적용할려면 어찌 해야 하나요? 채택완료

해당 최근글 css를 보면

/* 새글 스킨 (latest) */
.kor { word-wrap: break-word; word-break: keep-all; }/* 한글 줄바꿈 */
.latest {
max-width:100%; /* Customise it accordingly */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.latest-more { margin-top:6px; }
.latest-right { width:85px; text-align:right; }
.latest-hr { display:block; margin:5px 0px; }

이렇게 되어 있는데..


white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

위에 소스를 보면
크기를 넘으면 글자를 줄바꿈 하지 말고 숨기게 되어 있거든요.
그런데 지금 적용된 것을 보면 글자가 숨기는게 아니고 줄바꿈으로 나옵니다. ㅠ.ㅠ

해당 최근글 소스는

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
?>

<!-- <?php echo $bo_subject; ?> 최신글 시작 { -->

<div class="col-md-12 kor">
<h4>
<b>
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject; ?></a>
</b>
<small class="pull-right latest-more">
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>">더보기</a>
</small>
</h4>
<hr class="latest-hr">
<ol class="list-unstyled">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li class="latest">

<?php

echo "<span class=\"latest-right pull-right\">&nbsp;";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];
if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];
if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file'];
if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];
if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];

echo "</span>";

//echo $list[$i]['icon_reply']." ";
echo "<a href=\"".$list[$i]['href']."\">";
if ($list[$i]['is_notice'])
echo "<strong>".$list[$i]['subject']."</strong>";
else
echo $list[$i]['subject'];

if ($list[$i]['comment_cnt'])
echo $list[$i]['comment_cnt'];

echo "</a>";

?>
</li>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li>게시물이 없습니다.</li>
<?php } ?>
</ol>
</div>

<!-- } <?php echo $bo_subject; ?> 최신글 끝 -->

답변 감사합니다.

제 생각에는 글자수를 줄여서 될게 아닌거 같아서 질문 올렸네요

다양한 모바일 기기에 따라서 폭이 다 다른데..

예를 들면
큰 기기에서는 30 글자가 되더라도
작은 기기에서는 20글자로 해야 하거든요

이렇게 글자를 자른다고 해서 될것은 아닌거 같아요. ㅠ.ㅠ


폭이 좁아지면 그 폭을 벗어나는 글자는 보이지 않게 되어야 하거든요.