bootstrap responsive ???

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

offing
PHP VIP Members
PHP VIP Members
Posts: 1527
Joined: 18/08/2014 10:01 am

bootstrap responsive ???

Post by offing » 30/09/2014 2:41 pm

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

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

Code: Select all

 <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
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 4 guests