기존에 올렸던 eyoom/theme/설치된 테마/css/custom.css에 추가했던 소스를 아래와 같이 수정해보시기 바랍니다.
수정 전

/*Tabs Cart*/
.tab-cart .nav-tabs {
    border: none;
    background: none;
}
.tab-cart .nav-tabs a {
    font-size: 14px;
    padding: 5px 13px;
}
.tab-cart .nav-tabs > .active > a,
.tab-cart .nav-tabs > .active > a:hover,
.tab-cart .nav-tabs > .active > a:focus {
    color: #fff;
    border: none;
    background: #e33334;
}
.tab-cart .nav-tabs > li > a {
    border: none;
}
.tab-cart .nav-tabs > li > a:hover {
    color: #fff;
    background: #e33334;
}
.tab-cart .tab-content {
    padding: 10px 0;
}
.tab-cart .tab-content img {
    margin-top: 4px;
    margin-bottom: 15px;
}
.tab-cart .tab-content img.img-tab-space {
    margin-top: 7px;
}

수정 후

/*Tabs Cart*/
.tab-cart .nav-tabs {
	border: none;
	background: none;
}

.tab-cart .nav-tabs a {
	font-size: 13px;
	padding: 5px 5px;
}

.tab-cart .nav-tabs > .active > a,
.tab-cart .nav-tabs > .active > a:hover,
.tab-cart .nav-tabs > .active > a:focus {
	color: #fff;
	border: none;
	background: #87b822;
}

.tab-cart .nav-tabs > li {
	float: none;
	display: table-cell;
	width: 6.25%;
}

.tab-cart .nav-tabs > li > a {
	border: none;
	text-align: center;
}
.tab-cart .nav-tabs > li > a:hover {
	color: #fff;
	background: #87b822;
}

.tab-cart .tab-content {
	padding: 10px 0;
}

.tab-cart .tab-content img {
	margin-top: 4px;
	margin-bottom: 15px;
}

.tab-cart .tab-content img.img-tab-space {
	margin-top: 7px;
}

아 탭의 갯수에 맞게 수정하셔야 합니다.

.tab-cart .nav-tabs > li {
    float: none;
    display: table-cell;
    width: 6.25%;
}

위 소스 width: 퍼센트; 는 가로 갯수 나누기 1의 배율로 하셔야 합니다.
수정 후

.tab-cart .nav-tabs > li {
    float: none;
    display: table-cell;
    width: 9.09%;
}

한가지 문제점이 탭 셀 자체를 퍼센트로 고정해야하는 문제로 인해 탭 메뉴의 글자수에 따라 세로로 표현될 수 도 있습니다.
참고하시고 작업하셔요..

감사합니다 새도우님 지금내용을 봤네요

순서 맨앞 전체 부분의 크기는 적용이 안되서 정렬이 안되고
보여지는건 똑같게 되네요

"티보리"님의 환경이 아니라서 답변이 올바르지 않을 것 같습니다만 다음과 같이 해보세요.
eyoom/theme/설치된 테마/css/custom.css에 아래 소스를 첨부하세요

.tab-cart .nav-tabs > li > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width:100%;
    text-align: center;

사용하시는 게시판 스킨 list.skin.html 을 여시고 <!--{* 게시판 목록 시작 *}--> 을 찾아 바로 윗쪽에 jQuery code 를 첨부해서 테스트 해보세요.

<script type="text/javascript">
// <![CDATA[
(function($) {
	$(document).ready( function() {
		$(".tab-cart .nav-tabs").each(function(index) {
			var tabs = $(this).children("li");
			var width = 100/tabs.length;
			tabs.each(function(index) {
				$(this).css('width',width+"%");
			});
		});
	});
})(jQuery);
// ]]>
</script>

정말 고맙습니다.  하지만 잘 안되네요 
그누보드에서 사용되는 소스 끌어다가 짜집기 하려고 해도
잘 몰라서 다시 원상복구 하고 있습니다.
감사합니다. 새도우님

bootstrap이 tab의 갯수가 많아지면 따로 정렬할 방법이 없는 것으로 알고 있습니다.
탭 안에 들어가는 문자수와 문자 크기에 따라 탭 자체 크기가 가변적으로 변하게 되구요.

도움이 못되어 드려서 죄송합니다..

감사합니다. 유용한 팁 잘 부탁드려요

tab-cart 적용시에는 계속 글자가 세로로 일렬로 나열 되어서
tab-e1 으로 적용할경우에는 기본style.css 에 내용이 있는거 같습니다.
거기에 그누보드에서 사용한 css 내용이 이것인거 같은데요

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

이소스를 이윰 베이직에 맞게 변경해서 style.css에 넣으면 되지 않을까요? 
tab-e1으로 사용하려면 custom.css 안쓰고  style.css 사용해도 되나요?

그누보드에서 사용한 css와 함께 list.skin.php을 요모조모 뜯어보시고 적용하시면 될 듯 합니다.
tab-e1은 이미  eyoom/theme/설치된 테마/css/common.css에 정의되어 있습니다.
그런 이유로 새로운 클래스를 만드시는게 좋을 듯 합니다.
"tab-custom" 이런식으로 말이지요.
새로운 클래스를 스킨 폴더에 있는 style.css에 정의하셔도 되지만 최대한 기본 내용은 고치지 않기 위해 eyoom/theme/설치된 테마/css/custom.css 를 활용하는게 좋지 않나 싶습니다.

짜집기는 하겠는데요 뜯어서 맞게 고치는거는 초보라서 힘드네요
신경써주셔서 감사합니다. 새도우님