bootstrap responsive ???

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: bootstrap responsive ???

bootstrap responsive ???

โดย offing » 30/09/2014 2:41 pm

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

ไฟล์responsive.css มีแล้ว
1.jpg
1.jpg (44.41 KiB) Viewed 1240 times
ต้องการทำภาพด้านบนเป็นด้านล่างเมื่อ ย่อจอให้เล้กลง
2.jpg
2.jpg (74.79 KiB) Viewed 1248 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>

ข้างบน