سلام

من دارم روی یه قالب بوت استرپ کار می کنم و داینامیکش میکنم. از asp.net web form استفاده می کنم.

توی ساید بار یک قسمت داره که شامل لیستی از چند لینکه و وقتی سایز صفحه کم میشه (مثلا استفاده از موبایل) لینک ها جمع میشن و کنار عنوان اون قسمت سه تا خط نشون داده میشه که با کلیک روی اون خط لیست لینک ها رو نشون میده. حالا مشکل اینجاست که اون سه خط بصورت دکمه هستن و وقتی روش کلیک می کنی که لیست لینکارو نشون بده ، صفحه رفرش میشه . باید چیکار کنم که این اتفاق نیفته ؟؟؟؟!!!! ( واقعا این asp.net چرا اینطوریه ؟؟؟ - به همه چی کار داره  )

اینک کد اون قسمتی که میگم : 

<div class="side-nav-head">
	<button class="fa fa-bars"></button>
	<h4>HEADER TITLE</h4>
</div>

<ul class="list-group list-unstyled">
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(21)</span> A </a></li>
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(44)</span> B </a></li>
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(2)</span> C </a></li>
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(18)</span> D </a></li>
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(87)</span> E </a></li>
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(32)</span> F </a></li>
	<li class="list-group-item"><a href="#"><span class="size-11 text-muted pull-right">(69)</span> G </a></li>
</ul>

ممنون

موفق و سربلند باشید