bootstrap responsive ???
โพสต์แล้ว: 30/09/2014 2:41 pm
ทำให้responsiveใช้ได้ยังไงคับ
ไฟล์responsive.css มีแล้ว ต้องการทำภาพด้านบนเป็นด้านล่างเมื่อ ย่อจอให้เล้กลง
ไฟล์responsive.css มีแล้ว ต้องการทำภาพด้านบนเป็นด้านล่างเมื่อ ย่อจอให้เล้กลง
โค้ด: เลือกทั้งหมด
<ul id="nav-main" class="linklist bulletin" role="menubar">
<li id="quick-links" class="small-icon responsive-menu dropdown-container<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
<a href="#" class="responsive-menu-link dropdown-trigger">{L_QUICK_LINKS}</a>
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
<!-- EVENT navbar_header_username_prepend -->
<div class="header-profile dropdown-container">
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->BOOTSTRAP5 <!-- ENDIF -->BOOTSTRAP5</a>
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- IF U_RESTORE_PERMISSIONS --><li class="small-icon icon-restore-permissions"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_before -->
<li><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">test1</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test2</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test3</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test4</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test5</a></li>
<!-- EVENT navbar_header_profile_list_after -->
</ul>
</div>
</div>
</ul>
<ul id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
<!-- EVENT navbar_header_username_prepend -->
<div class="header-profile dropdown-container">
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->BOOTSTRAP4 <!-- ENDIF -->BOOTSTRAP4</a> |
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- IF U_RESTORE_PERMISSIONS --><li class="small-icon icon-restore-permissions"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_before -->
<li><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">test1</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test2</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test3</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test4</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test5</a></li>
<!-- EVENT navbar_header_profile_list_after -->
</ul>
</div>
</div>
</ul>
<ul id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
<!-- EVENT navbar_header_username_prepend -->
<div class="header-profile dropdown-container">
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->BOOTSTRAP3 <!-- ENDIF -->BOOTSTRAP3</a> |
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- IF U_RESTORE_PERMISSIONS --><li class="small-icon icon-restore-permissions"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_before -->
<li><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">test1</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test2</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test3</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test4</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test5</a></li>
<!-- EVENT navbar_header_profile_list_after -->
</ul>
</div>
</div>
</ul>
<ul id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
<!-- EVENT navbar_header_username_prepend -->
<div class="header-profile dropdown-container">
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->BOOTSTRAP2 <!-- ENDIF -->BOOTSTRAP2</a> |
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- IF U_RESTORE_PERMISSIONS --><li class="small-icon icon-restore-permissions"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_before -->
<li><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">test1</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test2</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test3</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test4</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test5</a></li>
<!-- EVENT navbar_header_profile_list_after -->
</ul>
</div>
</div>
</ul>
<ul id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
<!-- EVENT navbar_header_username_prepend -->
<div class="header-profile dropdown-container">
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->BOOTSTRAP1 <!-- ENDIF -->BOOTSTRAP1</a> |
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- IF U_RESTORE_PERMISSIONS --><li class="small-icon icon-restore-permissions"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_before -->
<li><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">test1</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test2</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test3</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test4</a></li>
<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">test5</a></li>
<!-- EVENT navbar_header_profile_list_after -->
</ul>
</div>
</div>
</ul>
</ul>
</div>
</div>