joosam님 안녕하세요. 반갑습니다.

skin_bs/board/스킨명/list.skin.html 파일에서 카테고리 부분의 소스를 응용하시면 될 듯 싶습니다.
수정 전

    <!--{* 게시판 카테고리 시작 *}-->
    <!--{?_is_category}-->
	<script>
	// 카테고리 이동
	function category_view(sca) {
		if(sca)	var url = "{_category_href}&sca="+sca;
		else var url = "{_category_href}";
		$(location).attr('href',url);
		return false;
	}
	</script>
    <nav>
        <h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
        <div class="row col-sm-4">
			<select name="ca_name" id="ca_name" required class="form-control" onchange="return category_view(this.value);">
				<option value="">전체</option>
				<!--{@ _bocate}-->
				<option value="{.ca_sca}" {? _decode_sca == .ca_name}selected{/}>{.ca_name}</option>
				<!--{/}-->
			</select>
        </div>
        <div class="clearfix"></div>
    </nav>
    <div class="margin-hr-10"></div>
    <!--{/}-->
    <!--{* 게시판 카테고리 끝 *}-->

수정 후

	<!--{* 게시판 카테고리 시작 *}-->
	<!--{?_is_category}-->
	<nav>
		<h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
		<div class="row col-sm-4">
			<ul class="nav-tabs">
				<li class="{?!_decode_sca}active{/}">
					<a href="{_category_href}">전체</a>
				</li>
				<!--{@ _bocate}-->
				<li class="{? _decode_sca == .ca_name}active{/}">
					<a href="{_category_href}&sca={.ca_sca}">{.ca_name}</a>
				</li>
				<!--{/}-->
			</ul>
		</div>
		<div class="clearfix"></div>
	</nav>
	<div class="margin-hr-10"></div>
	<!--{/}-->
	<!--{* 게시판 카테고리 끝 *}-->

탭의 모양은 css를 조절하셔서 작업하시면 이쁘게 만들 수 있으리라 봅니다.
감사합니다.

소중한 정보 감사드립니다.

이윰님이 친히 해결을 고맙습니다  ㅎㅎ 잘 사용해 보겠습니다

css 연동이.... nav-tabs 이부분을 따로 만들어 줘야 한다는 말씀이신지...탭 이쁘게 만들어 주실 능력자 없으십니까... 밥을 해줘도 못 먹다니... 역시 공부가 필요하군요