Anonymní profil peter – Programujte.com

jeste by slo mozna pouzit pop-over misto dropdown
https://getbootstrap.com/…ts/popovers/

preformatovano pres pspad
 

		
<!-- Toggle get grouped for better mobile display -->			
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">				
    <span class="sr-only">Zobrazit navigaci
    </span>				
    <span class="fa fa-bars">
    </span>			
</button>			
<!-- End Toggle -->		
<!-- Collect the nav links, forms, and other content for toggling -->		
<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">			
    <div class="container">
        <div id="snippet--menu">			
            <ul class="nav navbar-nav">										
                <li class="dropdown mega-menu-fullwidth ">											
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" target="_self">												
                        <i class="fa "></i> 
                        <span class="nav-label">									Zaměstnanec
                        </span>													
                        <span class="fa arrow">
                        </span>											</a>			
                    <ul class="dropdown-menu">				
                        <li>					
                        <div class="mega-menu-content disable-icons">						
                            <div class="container">							
                                <div class="row equal-height">										
                                    <div class="col-md-3 equal-height-in">										
                                        <ul class="list-unstyled equal-height-list">										
                                            <li><h3>Vzdělávací a vědecko-výzkumná činnost</h3>
                </li>										
                <li>					
                <li>
                <a href="/fpf/cz/soukontakt" target="_self">							Harmonogram akademického roku 						</a>					
                </li>					
                <li>
                <a href="https://www.slu.cz/slu/cz/harmonogramhodnoceni" target="_blank">							Harmonogram hodnocení 						</a>					
                </li>					
                <li>
                <a href="https://czv.slu.cz/" target="_blank">							Centrum celoživotního vzdělávání 						</a>					
                </li>....

jej, sory, jsem nesmazal z kodu prazdne radky :)

To je jednoduche :) Dej tam dropdown :)
menu1 - skryj uplne, kdyz neni dost mista
menu2 = menu1 - ale bude fungovat jako dropdown a objevi se po kliknuti

Ale, muzes to teda udelat bootstrapove, to resili kolegove na https://www.slu.cz/fpf/cz/ . tam to resi pres collapse

		<!-- Toggle get grouped for better mobile display -->
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
				<span class="sr-only">Zobrazit navigaci</span>
				<span class="fa fa-bars"></span>
			</button>
			<!-- End Toggle -->


		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
			<div class="container">

<div id="snippet--menu">






			<ul class="nav navbar-nav">
















										<li class="dropdown mega-menu-fullwidth ">
											<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" target="_self">
												<i class="fa "></i> <span class="nav-label">
									Zaměstnanec</span>
													<span class="fa arrow"></span>
											</a>







			<ul class="dropdown-menu">

				<li>
					<div class="mega-menu-content disable-icons">
						<div class="container">
							<div class="row equal-height">


										<div class="col-md-3 equal-height-in">
										<ul class="list-unstyled equal-height-list">
										<li><h3>Vzdělávací a vědecko-výzkumná činnost</h3></li>

										<li>






					<li><a href="/fpf/cz/soukontakt" target="_self">
							Harmonogram akademického roku
						</a>
					</li>
					<li><a href="https://www.slu.cz/slu/cz/harmonogramhodnoceni" target="_blank">
							Harmonogram hodnocení
						</a>
					</li>
					<li><a href="https://czv.slu.cz/" target="_blank">
							Centrum celoživotního vzdělávání
						</a>
					</li>
....

Osobne si ale myslim, ze, kdyz je okno uz tak male, treba na mobilu, ze se navigace zobrazuje pod sebou, tak se muze klidne zobrazit jako blok a pod nej davat obsah. Tak jsem to resil na byvalem rar.cz. Normalne mela navigace stromovou strukturu po leve strane. Ale v pripade male sirky okna jsem zrusil veskere odsazeni a byla v obdelnickach pod sebou. Podobne to delaji prave kolegove na te strance slu.cz, akorad je tam to toglovani, ktere chces, ale neni tam prekryvani.