bootstrap responsive ???

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

offing
PHP VIP Members
PHP VIP Members
โพสต์: 1527
ลงทะเบียนเมื่อ: 18/08/2014 10:01 am

bootstrap responsive ???

โพสต์ที่ยังไม่ได้อ่าน โดย offing »

ทำให้responsiveใช้ได้ยังไงคับ

ไฟล์responsive.css มีแล้ว
1.jpg
1.jpg (44.41 KiB) Viewed 1242 times
ต้องการทำภาพด้านบนเป็นด้านล่างเมื่อ ย่อจอให้เล้กลง
2.jpg
2.jpg (74.79 KiB) Viewed 1250 times

โค้ด: เลือกทั้งหมด

 <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>
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 42