uikit 3.14.4-dev.871ba3c05 → 3.14.4-dev.ae765cd84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +45 -11
- package/build/util.js +1 -0
- package/dist/css/uikit-core-rtl.css +385 -110
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +385 -110
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +402 -115
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +402 -115
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +7 -5
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +185 -137
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +185 -137
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +4 -5
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +4 -5
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +22 -7
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +4 -5
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +22 -7
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +3 -3
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +97 -135
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +1803 -1709
- package/dist/js/uikit-core.min.js +14 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +1051 -940
- package/dist/js/uikit.min.js +14 -1
- package/package.json +1 -1
- package/src/images/{backgrounds/nav-parent-open.svg → components/nav-parent-icon-large.svg} +0 -0
- package/src/images/components/nav-parent-icon.svg +3 -0
- package/src/images/components/navbar-parent-icon.svg +3 -0
- package/src/images/components/navbar-toggle-icon.svg +22 -3
- package/src/js/api/state.js +2 -2
- package/src/js/components/filter.js +5 -3
- package/src/js/components/sortable.js +2 -3
- package/src/js/core/accordion.js +9 -17
- package/src/js/core/alert.js +35 -14
- package/src/js/core/drop.js +95 -61
- package/src/js/core/height-viewport.js +14 -6
- package/src/js/core/icon.js +16 -0
- package/src/js/core/index.js +2 -0
- package/src/js/core/leader.js +2 -2
- package/src/js/core/navbar.js +44 -30
- package/src/js/core/offcanvas.js +1 -47
- package/src/js/core/scroll.js +37 -10
- package/src/js/core/sticky.js +8 -9
- package/src/js/core/toggle.js +3 -5
- package/src/js/mixin/media.js +4 -5
- package/src/js/mixin/modal.js +97 -8
- package/src/js/mixin/position.js +26 -11
- package/src/js/mixin/slider-drag.js +20 -8
- package/src/js/mixin/style.js +11 -0
- package/src/js/mixin/togglable.js +80 -133
- package/src/js/util/animation.js +4 -3
- package/src/js/util/dimensions.js +6 -6
- package/src/js/util/filter.js +3 -7
- package/src/js/util/position.js +108 -107
- package/src/js/util/style.js +4 -13
- package/src/js/util/viewport.js +5 -32
- package/src/less/components/_import.less +1 -0
- package/src/less/components/drop.less +1 -18
- package/src/less/components/dropbar.less +115 -0
- package/src/less/components/dropdown.less +16 -16
- package/src/less/components/leader.less +1 -1
- package/src/less/components/nav.less +240 -63
- package/src/less/components/navbar.less +81 -38
- package/src/less/components/utility.less +21 -4
- package/src/less/theme/_import.less +1 -0
- package/src/less/theme/dropbar.less +44 -0
- package/src/less/theme/dropdown.less +0 -11
- package/src/less/theme/nav.less +43 -9
- package/src/less/theme/navbar.less +7 -11
- package/src/scss/components/_import.scss +1 -0
- package/src/scss/components/drop.scss +1 -18
- package/src/scss/components/dropbar.scss +115 -0
- package/src/scss/components/dropdown.scss +16 -16
- package/src/scss/components/leader.scss +1 -1
- package/src/scss/components/nav.scss +189 -51
- package/src/scss/components/navbar.scss +69 -38
- package/src/scss/components/utility.scss +19 -3
- package/src/scss/mixins-theme.scss +93 -25
- package/src/scss/mixins.scss +89 -17
- package/src/scss/theme/_import.scss +1 -0
- package/src/scss/theme/dropbar.scss +44 -0
- package/src/scss/theme/dropdown.scss +0 -8
- package/src/scss/theme/nav.scss +41 -9
- package/src/scss/theme/navbar.scss +7 -8
- package/src/scss/variables-theme.scss +71 -18
- package/src/scss/variables.scss +60 -14
- package/tests/accordion.html +2 -2
- package/tests/alert.html +2 -2
- package/tests/countdown.html +1 -1
- package/tests/drop.html +457 -371
- package/tests/dropbar.html +456 -0
- package/tests/dropdown.html +26 -401
- package/tests/filter.html +9 -12
- package/tests/form.html +1 -1
- package/tests/index.html +126 -107
- package/tests/js/index.js +1 -4
- package/tests/lightbox.html +5 -5
- package/tests/list.html +8 -8
- package/tests/modal.html +13 -13
- package/tests/nav.html +117 -75
- package/tests/navbar.html +2002 -1131
- package/tests/offcanvas.html +17 -21
- package/tests/parallax.html +1 -1
- package/tests/position.html +18 -16
- package/tests/progress.html +9 -9
- package/tests/scroll.html +7 -10
- package/tests/search.html +5 -5
- package/tests/slider.html +6 -5
- package/tests/slideshow.html +8 -8
- package/tests/sortable.html +6 -8
- package/tests/sticky-navbar.html +6 -6
- package/tests/sticky.html +8 -8
- package/tests/switcher.html +1 -1
- package/tests/tab.html +1 -1
- package/tests/table.html +7 -7
- package/tests/toggle.html +2 -2
- package/tests/tooltip.html +1 -1
- package/tests/upload.html +11 -11
- package/tests/utility.html +19 -0
- package/src/images/backgrounds/nav-parent-close.svg +0 -3
package/tests/navbar.html
CHANGED
|
@@ -16,6 +16,12 @@
|
|
|
16
16
|
margin-left: 0;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.scroll-container {
|
|
20
|
+
border: 1px dashed rgba(0,0,0,0.2);
|
|
21
|
+
overflow: auto;
|
|
22
|
+
-webkit-overflow-scrolling: touch;
|
|
23
|
+
}
|
|
24
|
+
|
|
19
25
|
</style>
|
|
20
26
|
</head>
|
|
21
27
|
|
|
@@ -64,42 +70,6 @@
|
|
|
64
70
|
</div>
|
|
65
71
|
</nav>
|
|
66
72
|
|
|
67
|
-
<nav class="uk-navbar-container uk-margin" uk-navbar>
|
|
68
|
-
<div class="uk-navbar-left">
|
|
69
|
-
|
|
70
|
-
<ul class="uk-navbar-nav uk-navbar-nav-primary">
|
|
71
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
72
|
-
<li>
|
|
73
|
-
<a href="#">Parent</a>
|
|
74
|
-
<div class="uk-navbar-dropdown">
|
|
75
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
76
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
77
|
-
<li class="uk-parent">
|
|
78
|
-
<a href="#">Parent</a>
|
|
79
|
-
<ul class="uk-nav-sub">
|
|
80
|
-
<li><a href="#">Sub item</a></li>
|
|
81
|
-
<li><a href="#">Sub item</a></li>
|
|
82
|
-
</ul>
|
|
83
|
-
</li>
|
|
84
|
-
<li class="uk-nav-header">Header</li>
|
|
85
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
86
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
87
|
-
<li class="uk-nav-divider"></li>
|
|
88
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
89
|
-
</ul>
|
|
90
|
-
</div>
|
|
91
|
-
</li>
|
|
92
|
-
<li>
|
|
93
|
-
<a href="#">Content</a>
|
|
94
|
-
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
95
|
-
</li>
|
|
96
|
-
<li><a href="#">Item</a></li>
|
|
97
|
-
<li><a href="#">Item</a></li>
|
|
98
|
-
</ul>
|
|
99
|
-
|
|
100
|
-
</div>
|
|
101
|
-
</nav>
|
|
102
|
-
|
|
103
73
|
<h2>Transparent</h2>
|
|
104
74
|
|
|
105
75
|
<div class="uk-margin uk-position-relative uk-light">
|
|
@@ -110,7 +80,7 @@
|
|
|
110
80
|
<ul class="uk-navbar-nav">
|
|
111
81
|
<li class="uk-active"><a href="">Active</a></li>
|
|
112
82
|
<li>
|
|
113
|
-
<a href="">Parent
|
|
83
|
+
<a href="">Parent <span uk-navbar-parent-icon></span></a>
|
|
114
84
|
<div class="uk-navbar-dropdown">
|
|
115
85
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
116
86
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -151,7 +121,7 @@
|
|
|
151
121
|
<ul class="uk-navbar-nav">
|
|
152
122
|
<li class="uk-active"><a href="">Active</a></li>
|
|
153
123
|
<li>
|
|
154
|
-
<a href="">Parent
|
|
124
|
+
<a href="">Parent <span uk-navbar-parent-icon></span></a>
|
|
155
125
|
<div class="uk-navbar-dropdown">
|
|
156
126
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
157
127
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -224,7 +194,7 @@
|
|
|
224
194
|
|
|
225
195
|
<div class="uk-navbar-dropdown test">
|
|
226
196
|
|
|
227
|
-
<ul class="uk-nav uk-
|
|
197
|
+
<ul class="uk-nav uk-nav-secondary">
|
|
228
198
|
<li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
229
199
|
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
230
200
|
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
@@ -236,780 +206,1362 @@
|
|
|
236
206
|
</div>
|
|
237
207
|
</div>
|
|
238
208
|
|
|
239
|
-
<h2>
|
|
209
|
+
<h2>Click</h2>
|
|
240
210
|
|
|
241
|
-
|
|
242
|
-
<div class="uk-navbar-left">
|
|
211
|
+
</div>
|
|
243
212
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
</
|
|
256
|
-
</li>
|
|
257
|
-
<li class="uk-nav-header">Header</li>
|
|
258
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
259
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
260
|
-
<li class="uk-nav-divider"></li>
|
|
261
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
262
|
-
</ul>
|
|
263
|
-
</div>
|
|
264
|
-
</li>
|
|
265
|
-
<li>
|
|
266
|
-
<a href="#">2 Columns</a>
|
|
267
|
-
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
268
|
-
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
269
|
-
<div>
|
|
270
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
271
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
272
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
273
|
-
<li class="uk-nav-header">Header</li>
|
|
274
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
275
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
276
|
-
<li class="uk-nav-divider"></li>
|
|
277
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
278
|
-
</ul>
|
|
279
|
-
</div>
|
|
280
|
-
<div>
|
|
281
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
282
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
283
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
284
|
-
<li class="uk-nav-header">Header</li>
|
|
285
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
286
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
287
|
-
<li class="uk-nav-divider"></li>
|
|
288
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
289
|
-
</ul>
|
|
290
|
-
</div>
|
|
291
|
-
</div>
|
|
292
|
-
</div>
|
|
293
|
-
</li>
|
|
294
|
-
<li>
|
|
295
|
-
<a href="#">3 Columns</a>
|
|
296
|
-
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
297
|
-
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
298
|
-
<div>
|
|
299
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
300
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
301
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
302
|
-
<li class="uk-nav-header">Header</li>
|
|
303
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
304
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
305
|
-
</ul>
|
|
306
|
-
</div>
|
|
307
|
-
<div>
|
|
308
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
309
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
310
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
311
|
-
<li class="uk-nav-header">Header</li>
|
|
312
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
313
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
314
|
-
</ul>
|
|
315
|
-
</div>
|
|
316
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
317
|
-
</div>
|
|
318
|
-
</div>
|
|
319
|
-
</li>
|
|
320
|
-
<li>
|
|
321
|
-
<a href="#">Justify</a>
|
|
322
|
-
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
|
|
323
|
-
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
324
|
-
<div>
|
|
325
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
326
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
327
|
-
<li class="uk-parent">
|
|
328
|
-
<a href="#">Parent</a>
|
|
329
|
-
<ul class="uk-nav-sub">
|
|
330
|
-
<li><a href="#">Sub item</a></li>
|
|
331
|
-
<li><a href="#">Sub item</a></li>
|
|
332
|
-
</ul>
|
|
333
|
-
</li>
|
|
334
|
-
<li class="uk-nav-header">Header</li>
|
|
335
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
336
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
337
|
-
<li class="uk-nav-divider"></li>
|
|
338
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
339
|
-
</ul>
|
|
340
|
-
</div>
|
|
341
|
-
<div>
|
|
342
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
343
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
213
|
+
<nav class="uk-navbar-container uk-margin">
|
|
214
|
+
<div class="uk-container">
|
|
215
|
+
<div uk-navbar="mode: click">
|
|
216
|
+
<div class="uk-navbar-left">
|
|
217
|
+
|
|
218
|
+
<ul class="uk-navbar-nav">
|
|
219
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
220
|
+
<li>
|
|
221
|
+
<a href="#">Parent</a>
|
|
222
|
+
<div class="uk-navbar-dropdown">
|
|
223
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
224
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
344
225
|
<li class="uk-parent">
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
</div>
|
|
358
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
226
|
+
<a href="#">Parent</a>
|
|
227
|
+
<ul class="uk-nav-sub">
|
|
228
|
+
<li><a href="#">Sub item</a></li>
|
|
229
|
+
<li><a href="#">Sub item</a></li>
|
|
230
|
+
</ul>
|
|
231
|
+
</li>
|
|
232
|
+
<li class="uk-nav-header">Header</li>
|
|
233
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
234
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
235
|
+
<li class="uk-nav-divider"></li>
|
|
236
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
237
|
+
</ul>
|
|
359
238
|
</div>
|
|
360
|
-
</
|
|
361
|
-
|
|
362
|
-
|
|
239
|
+
</li>
|
|
240
|
+
<li>
|
|
241
|
+
<a href="#">Content</a>
|
|
242
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
243
|
+
</li>
|
|
244
|
+
<li><a href="#">Item</a></li>
|
|
245
|
+
<li><a href="#">Item</a></li>
|
|
246
|
+
</ul>
|
|
363
247
|
|
|
248
|
+
</div>
|
|
364
249
|
</div>
|
|
365
|
-
|
|
250
|
+
</div>
|
|
251
|
+
</nav>
|
|
366
252
|
|
|
367
|
-
|
|
368
|
-
<li>
|
|
369
|
-
<a href="#">Right</a>
|
|
370
|
-
<div class="uk-navbar-dropdown">
|
|
371
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
372
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
373
|
-
<li class="uk-parent">
|
|
374
|
-
<a href="#">Parent</a>
|
|
375
|
-
<ul class="uk-nav-sub">
|
|
376
|
-
<li><a href="#">Sub item</a></li>
|
|
377
|
-
<li><a href="#">Sub item</a></li>
|
|
378
|
-
</ul>
|
|
379
|
-
</li>
|
|
380
|
-
<li class="uk-nav-header">Header</li>
|
|
381
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
382
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
383
|
-
<li class="uk-nav-divider"></li>
|
|
384
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
385
|
-
</ul>
|
|
386
|
-
</div>
|
|
387
|
-
</li>
|
|
388
|
-
</ul>
|
|
253
|
+
<div class="uk-container uk-margin-medium-top">
|
|
389
254
|
|
|
390
|
-
|
|
391
|
-
|
|
255
|
+
<h2>Dropdown</h2>
|
|
256
|
+
|
|
257
|
+
<div class="uk-margin">
|
|
258
|
+
<select id="js-size-switcher" class="uk-select uk-form-width-small">
|
|
259
|
+
<option value="">Default</option>
|
|
260
|
+
<option value="uk-navbar-dropdown-large">Large</option>
|
|
261
|
+
</select>
|
|
262
|
+
</div>
|
|
392
263
|
|
|
393
|
-
|
|
394
|
-
<div class="uk-navbar-left">
|
|
264
|
+
</div>
|
|
395
265
|
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
421
|
-
<div>
|
|
422
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
423
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
424
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
425
|
-
<li class="uk-nav-header">Header</li>
|
|
426
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
427
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
428
|
-
<li class="uk-nav-divider"></li>
|
|
429
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
430
|
-
</ul>
|
|
431
|
-
</div>
|
|
432
|
-
<div>
|
|
433
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
434
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
435
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
436
|
-
<li class="uk-nav-header">Header</li>
|
|
437
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
438
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
439
|
-
<li class="uk-nav-divider"></li>
|
|
440
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
441
|
-
</ul>
|
|
442
|
-
</div>
|
|
266
|
+
<nav class="uk-navbar-container uk-margin">
|
|
267
|
+
<div class="uk-container">
|
|
268
|
+
<div uk-navbar>
|
|
269
|
+
<div class="uk-navbar-left">
|
|
270
|
+
|
|
271
|
+
<ul class="uk-navbar-nav">
|
|
272
|
+
<li class="uk-active">
|
|
273
|
+
<a href="#">Left</a>
|
|
274
|
+
<div class="uk-navbar-dropdown">
|
|
275
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
276
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
277
|
+
<li class="uk-parent">
|
|
278
|
+
<a href="#">Parent</a>
|
|
279
|
+
<ul class="uk-nav-sub">
|
|
280
|
+
<li><a href="#">Sub item</a></li>
|
|
281
|
+
<li><a href="#">Sub item</a></li>
|
|
282
|
+
</ul>
|
|
283
|
+
</li>
|
|
284
|
+
<li class="uk-nav-header">Header</li>
|
|
285
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
286
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
287
|
+
<li class="uk-nav-divider"></li>
|
|
288
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
289
|
+
</ul>
|
|
443
290
|
</div>
|
|
444
|
-
</
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
<
|
|
461
|
-
<
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
291
|
+
</li>
|
|
292
|
+
<li>
|
|
293
|
+
<a href="#">2 Columns</a>
|
|
294
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
295
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
296
|
+
<div>
|
|
297
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
298
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
299
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
300
|
+
<li class="uk-nav-header">Header</li>
|
|
301
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
302
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
303
|
+
<li class="uk-nav-divider"></li>
|
|
304
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
305
|
+
</ul>
|
|
306
|
+
</div>
|
|
307
|
+
<div>
|
|
308
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
309
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
310
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
311
|
+
<li class="uk-nav-header">Header</li>
|
|
312
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
313
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
314
|
+
<li class="uk-nav-divider"></li>
|
|
315
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
316
|
+
</ul>
|
|
317
|
+
</div>
|
|
467
318
|
</div>
|
|
468
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
469
319
|
</div>
|
|
470
|
-
</
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
<a href="#">
|
|
481
|
-
<
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
320
|
+
</li>
|
|
321
|
+
<li>
|
|
322
|
+
<a href="#">3 Columns</a>
|
|
323
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
324
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
325
|
+
<div>
|
|
326
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
327
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
328
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
329
|
+
<li class="uk-nav-header">Header</li>
|
|
330
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
331
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
332
|
+
</ul>
|
|
333
|
+
</div>
|
|
334
|
+
<div>
|
|
335
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
336
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
337
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
338
|
+
<li class="uk-nav-header">Header</li>
|
|
339
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
340
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
341
|
+
</ul>
|
|
342
|
+
</div>
|
|
343
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
344
|
+
</div>
|
|
345
|
+
</div>
|
|
346
|
+
</li>
|
|
347
|
+
<li>
|
|
348
|
+
<a href="#">Stretch</a>
|
|
349
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
350
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
351
|
+
<div>
|
|
352
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
353
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
354
|
+
<li class="uk-parent">
|
|
355
|
+
<a href="#">Parent</a>
|
|
356
|
+
<ul class="uk-nav-sub">
|
|
357
|
+
<li><a href="#">Sub item</a></li>
|
|
358
|
+
<li><a href="#">Sub item</a></li>
|
|
359
|
+
</ul>
|
|
360
|
+
</li>
|
|
361
|
+
<li class="uk-nav-header">Header</li>
|
|
362
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
363
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
364
|
+
<li class="uk-nav-divider"></li>
|
|
365
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
366
|
+
</ul>
|
|
367
|
+
</div>
|
|
368
|
+
<div>
|
|
369
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
370
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
371
|
+
<li class="uk-parent">
|
|
372
|
+
<a href="#">Parent</a>
|
|
373
|
+
<ul class="uk-nav-sub">
|
|
374
|
+
<li><a href="#">Sub item</a></li>
|
|
375
|
+
<li><a href="#">Sub item</a></li>
|
|
376
|
+
</ul>
|
|
377
|
+
</li>
|
|
378
|
+
<li class="uk-nav-header">Header</li>
|
|
379
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
380
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
381
|
+
<li class="uk-nav-divider"></li>
|
|
382
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
383
|
+
</ul>
|
|
384
|
+
</div>
|
|
385
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
386
|
+
</div>
|
|
387
|
+
</div>
|
|
388
|
+
</li>
|
|
389
|
+
<li>
|
|
390
|
+
<a href="#">Stretch Full</a>
|
|
391
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false">
|
|
392
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
393
|
+
<div>
|
|
394
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
395
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
396
|
+
<li class="uk-parent">
|
|
397
|
+
<a href="#">Parent</a>
|
|
398
|
+
<ul class="uk-nav-sub">
|
|
399
|
+
<li><a href="#">Sub item</a></li>
|
|
400
|
+
<li><a href="#">Sub item</a></li>
|
|
401
|
+
</ul>
|
|
402
|
+
</li>
|
|
403
|
+
<li class="uk-nav-header">Header</li>
|
|
404
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
405
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
406
|
+
<li class="uk-nav-divider"></li>
|
|
407
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
408
|
+
</ul>
|
|
409
|
+
</div>
|
|
410
|
+
<div>
|
|
411
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
412
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
413
|
+
<li class="uk-parent">
|
|
414
|
+
<a href="#">Parent</a>
|
|
415
|
+
<ul class="uk-nav-sub">
|
|
416
|
+
<li><a href="#">Sub item</a></li>
|
|
417
|
+
<li><a href="#">Sub item</a></li>
|
|
418
|
+
</ul>
|
|
419
|
+
</li>
|
|
420
|
+
<li class="uk-nav-header">Header</li>
|
|
421
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
422
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
423
|
+
<li class="uk-nav-divider"></li>
|
|
424
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
425
|
+
</ul>
|
|
426
|
+
</div>
|
|
427
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
</li>
|
|
431
|
+
</ul>
|
|
432
|
+
|
|
433
|
+
</div>
|
|
434
|
+
<div class="uk-navbar-right">
|
|
435
|
+
|
|
436
|
+
<ul class="uk-navbar-nav">
|
|
437
|
+
<li>
|
|
438
|
+
<a href="#">1 Column</a>
|
|
439
|
+
<div class="uk-navbar-dropdown">
|
|
440
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
441
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
442
|
+
<li class="uk-parent">
|
|
443
|
+
<a href="#">Parent</a>
|
|
444
|
+
<ul class="uk-nav-sub">
|
|
445
|
+
<li><a href="#">Sub item</a></li>
|
|
446
|
+
<li><a href="#">Sub item</a></li>
|
|
447
|
+
</ul>
|
|
448
|
+
</li>
|
|
449
|
+
<li class="uk-nav-header">Header</li>
|
|
450
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
451
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
452
|
+
<li class="uk-nav-divider"></li>
|
|
453
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
454
|
+
</ul>
|
|
455
|
+
</div>
|
|
456
|
+
</li>
|
|
457
|
+
</ul>
|
|
458
|
+
|
|
459
|
+
</div>
|
|
460
|
+
</div>
|
|
461
|
+
</div>
|
|
462
|
+
</nav>
|
|
463
|
+
|
|
464
|
+
<nav class="uk-navbar-container uk-margin">
|
|
465
|
+
<div class="uk-container">
|
|
466
|
+
<div uk-navbar="align: right">
|
|
467
|
+
<div class="uk-navbar-left">
|
|
468
|
+
|
|
469
|
+
<ul class="uk-navbar-nav">
|
|
470
|
+
<li>
|
|
471
|
+
<a href="#">1 Column</a>
|
|
472
|
+
<div class="uk-navbar-dropdown">
|
|
473
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
474
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
475
|
+
<li class="uk-parent">
|
|
476
|
+
<a href="#">Parent</a>
|
|
477
|
+
<ul class="uk-nav-sub">
|
|
478
|
+
<li><a href="#">Sub item</a></li>
|
|
479
|
+
<li><a href="#">Sub item</a></li>
|
|
480
|
+
</ul>
|
|
481
|
+
</li>
|
|
482
|
+
<li class="uk-nav-header">Header</li>
|
|
483
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
484
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
485
|
+
<li class="uk-nav-divider"></li>
|
|
486
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
487
|
+
</ul>
|
|
488
|
+
</div>
|
|
489
|
+
</li>
|
|
490
|
+
</ul>
|
|
491
|
+
|
|
492
|
+
</div>
|
|
493
|
+
<div class="uk-navbar-right">
|
|
494
|
+
|
|
495
|
+
<ul class="uk-navbar-nav">
|
|
496
|
+
<li class="uk-active">
|
|
497
|
+
<a href="#">Right</a>
|
|
498
|
+
<div class="uk-navbar-dropdown">
|
|
499
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
500
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
501
|
+
<li class="uk-parent">
|
|
502
|
+
<a href="#">Parent</a>
|
|
503
|
+
<ul class="uk-nav-sub">
|
|
504
|
+
<li><a href="#">Sub item</a></li>
|
|
505
|
+
<li><a href="#">Sub item</a></li>
|
|
506
|
+
</ul>
|
|
507
|
+
</li>
|
|
508
|
+
<li class="uk-nav-header">Header</li>
|
|
509
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
510
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
511
|
+
<li class="uk-nav-divider"></li>
|
|
512
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
513
|
+
</ul>
|
|
514
|
+
</div>
|
|
515
|
+
</li>
|
|
516
|
+
<li>
|
|
517
|
+
<a href="#">2 Columns</a>
|
|
518
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
519
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
520
|
+
<div>
|
|
521
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
522
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
523
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
524
|
+
<li class="uk-nav-header">Header</li>
|
|
525
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
526
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
527
|
+
<li class="uk-nav-divider"></li>
|
|
528
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
529
|
+
</ul>
|
|
530
|
+
</div>
|
|
531
|
+
<div>
|
|
532
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
533
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
534
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
535
|
+
<li class="uk-nav-header">Header</li>
|
|
536
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
537
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
538
|
+
<li class="uk-nav-divider"></li>
|
|
539
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
540
|
+
</ul>
|
|
541
|
+
</div>
|
|
542
|
+
</div>
|
|
543
|
+
</div>
|
|
544
|
+
</li>
|
|
545
|
+
<li>
|
|
546
|
+
<a href="#">3 Columns</a>
|
|
547
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
548
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
549
|
+
<div>
|
|
550
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
551
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
552
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
553
|
+
<li class="uk-nav-header">Header</li>
|
|
554
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
555
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
556
|
+
</ul>
|
|
557
|
+
</div>
|
|
558
|
+
<div>
|
|
559
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
560
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
561
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
562
|
+
<li class="uk-nav-header">Header</li>
|
|
563
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
564
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
565
|
+
</ul>
|
|
566
|
+
</div>
|
|
567
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
568
|
+
</div>
|
|
569
|
+
</div>
|
|
570
|
+
</li>
|
|
571
|
+
<li>
|
|
572
|
+
<a href="#">Stretch</a>
|
|
573
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
574
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
575
|
+
<div>
|
|
576
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
577
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
578
|
+
<li class="uk-parent">
|
|
579
|
+
<a href="#">Parent</a>
|
|
580
|
+
<ul class="uk-nav-sub">
|
|
581
|
+
<li><a href="#">Sub item</a></li>
|
|
582
|
+
<li><a href="#">Sub item</a></li>
|
|
583
|
+
</ul>
|
|
584
|
+
</li>
|
|
585
|
+
<li class="uk-nav-header">Header</li>
|
|
586
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
587
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
588
|
+
<li class="uk-nav-divider"></li>
|
|
589
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
590
|
+
</ul>
|
|
591
|
+
</div>
|
|
592
|
+
<div>
|
|
593
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
594
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
595
|
+
<li class="uk-parent">
|
|
596
|
+
<a href="#">Parent</a>
|
|
597
|
+
<ul class="uk-nav-sub">
|
|
598
|
+
<li><a href="#">Sub item</a></li>
|
|
599
|
+
<li><a href="#">Sub item</a></li>
|
|
600
|
+
</ul>
|
|
601
|
+
</li>
|
|
602
|
+
<li class="uk-nav-header">Header</li>
|
|
603
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
604
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
605
|
+
<li class="uk-nav-divider"></li>
|
|
606
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
607
|
+
</ul>
|
|
608
|
+
</div>
|
|
609
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
610
|
+
</div>
|
|
611
|
+
</div>
|
|
612
|
+
</li>
|
|
613
|
+
</ul>
|
|
614
|
+
|
|
615
|
+
</div>
|
|
616
|
+
</div>
|
|
617
|
+
</div>
|
|
618
|
+
</nav>
|
|
619
|
+
|
|
620
|
+
<nav class="uk-navbar-container uk-margin">
|
|
621
|
+
<div class="uk-container">
|
|
622
|
+
<div uk-navbar="align: center">
|
|
623
|
+
<div class="uk-navbar-left">
|
|
624
|
+
|
|
625
|
+
<ul class="uk-navbar-nav">
|
|
626
|
+
<li>
|
|
627
|
+
<a href="#">1 Column</a>
|
|
628
|
+
<div class="uk-navbar-dropdown">
|
|
629
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
630
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
631
|
+
<li class="uk-parent">
|
|
632
|
+
<a href="#">Parent</a>
|
|
633
|
+
<ul class="uk-nav-sub">
|
|
634
|
+
<li><a href="#">Sub item</a></li>
|
|
635
|
+
<li><a href="#">Sub item</a></li>
|
|
636
|
+
</ul>
|
|
637
|
+
</li>
|
|
638
|
+
<li class="uk-nav-header">Header</li>
|
|
639
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
640
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
641
|
+
<li class="uk-nav-divider"></li>
|
|
642
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
643
|
+
</ul>
|
|
644
|
+
</div>
|
|
645
|
+
</li>
|
|
646
|
+
</ul>
|
|
647
|
+
|
|
648
|
+
</div>
|
|
649
|
+
<div class="uk-navbar-center">
|
|
650
|
+
|
|
651
|
+
<ul class="uk-navbar-nav">
|
|
652
|
+
<li class="uk-active">
|
|
653
|
+
<a href="#">Center</a>
|
|
654
|
+
<div class="uk-navbar-dropdown">
|
|
655
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
656
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
657
|
+
<li class="uk-parent">
|
|
658
|
+
<a href="#">Parent</a>
|
|
659
|
+
<ul class="uk-nav-sub">
|
|
660
|
+
<li><a href="#">Sub item</a></li>
|
|
661
|
+
<li><a href="#">Sub item</a></li>
|
|
662
|
+
</ul>
|
|
663
|
+
</li>
|
|
664
|
+
<li class="uk-nav-header">Header</li>
|
|
665
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
666
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
667
|
+
<li class="uk-nav-divider"></li>
|
|
668
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
669
|
+
</ul>
|
|
670
|
+
</div>
|
|
671
|
+
</li>
|
|
672
|
+
<li>
|
|
673
|
+
<a href="#">2 Columns</a>
|
|
674
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
675
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
676
|
+
<div>
|
|
677
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
678
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
679
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
680
|
+
<li class="uk-nav-header">Header</li>
|
|
681
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
682
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
683
|
+
<li class="uk-nav-divider"></li>
|
|
684
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
685
|
+
</ul>
|
|
686
|
+
</div>
|
|
687
|
+
<div>
|
|
688
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
689
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
690
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
691
|
+
<li class="uk-nav-header">Header</li>
|
|
692
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
693
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
694
|
+
<li class="uk-nav-divider"></li>
|
|
695
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
696
|
+
</ul>
|
|
697
|
+
</div>
|
|
492
698
|
</div>
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
</
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
699
|
+
</div>
|
|
700
|
+
</li>
|
|
701
|
+
<li>
|
|
702
|
+
<a href="#">3 Columns</a>
|
|
703
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
704
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
705
|
+
<div>
|
|
706
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
707
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
708
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
709
|
+
<li class="uk-nav-header">Header</li>
|
|
710
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
711
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
712
|
+
</ul>
|
|
713
|
+
</div>
|
|
714
|
+
<div>
|
|
715
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
716
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
717
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
718
|
+
<li class="uk-nav-header">Header</li>
|
|
719
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
720
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
721
|
+
</ul>
|
|
722
|
+
</div>
|
|
723
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
724
|
+
</div>
|
|
725
|
+
</div>
|
|
726
|
+
</li>
|
|
727
|
+
<li>
|
|
728
|
+
<a href="#">Stretch</a>
|
|
729
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
730
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
731
|
+
<div>
|
|
732
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
733
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
734
|
+
<li class="uk-parent">
|
|
735
|
+
<a href="#">Parent</a>
|
|
736
|
+
<ul class="uk-nav-sub">
|
|
737
|
+
<li><a href="#">Sub item</a></li>
|
|
738
|
+
<li><a href="#">Sub item</a></li>
|
|
739
|
+
</ul>
|
|
740
|
+
</li>
|
|
741
|
+
<li class="uk-nav-header">Header</li>
|
|
742
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
743
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
744
|
+
<li class="uk-nav-divider"></li>
|
|
745
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
746
|
+
</ul>
|
|
747
|
+
</div>
|
|
748
|
+
<div>
|
|
749
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
750
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
751
|
+
<li class="uk-parent">
|
|
752
|
+
<a href="#">Parent</a>
|
|
753
|
+
<ul class="uk-nav-sub">
|
|
754
|
+
<li><a href="#">Sub item</a></li>
|
|
755
|
+
<li><a href="#">Sub item</a></li>
|
|
756
|
+
</ul>
|
|
757
|
+
</li>
|
|
758
|
+
<li class="uk-nav-header">Header</li>
|
|
759
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
760
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
761
|
+
<li class="uk-nav-divider"></li>
|
|
762
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
763
|
+
</ul>
|
|
764
|
+
</div>
|
|
765
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
766
|
+
</div>
|
|
767
|
+
</div>
|
|
768
|
+
</li>
|
|
769
|
+
</ul>
|
|
770
|
+
|
|
771
|
+
</div>
|
|
772
|
+
<div class="uk-navbar-right">
|
|
773
|
+
|
|
774
|
+
<ul class="uk-navbar-nav">
|
|
775
|
+
<li>
|
|
776
|
+
<a href="#">1 Column</a>
|
|
777
|
+
<div class="uk-navbar-dropdown">
|
|
778
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
779
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
780
|
+
<li class="uk-parent">
|
|
781
|
+
<a href="#">Parent</a>
|
|
782
|
+
<ul class="uk-nav-sub">
|
|
783
|
+
<li><a href="#">Sub item</a></li>
|
|
784
|
+
<li><a href="#">Sub item</a></li>
|
|
785
|
+
</ul>
|
|
786
|
+
</li>
|
|
787
|
+
<li class="uk-nav-header">Header</li>
|
|
788
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
789
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
790
|
+
<li class="uk-nav-divider"></li>
|
|
791
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
792
|
+
</ul>
|
|
793
|
+
</div>
|
|
794
|
+
</li>
|
|
795
|
+
</ul>
|
|
796
|
+
|
|
797
|
+
</div>
|
|
798
|
+
</div>
|
|
799
|
+
</div>
|
|
800
|
+
</nav>
|
|
801
|
+
|
|
802
|
+
<div class="uk-container uk-margin-medium-top">
|
|
803
|
+
|
|
804
|
+
<h2>Parent Icon</h2>
|
|
805
|
+
|
|
806
|
+
</div>
|
|
807
|
+
|
|
808
|
+
<nav class="uk-navbar-container uk-margin">
|
|
809
|
+
<div class="uk-container">
|
|
810
|
+
<div uk-navbar>
|
|
811
|
+
<div class="uk-navbar-left">
|
|
812
|
+
|
|
813
|
+
<ul class="uk-navbar-nav">
|
|
814
|
+
<li class="uk-active">
|
|
815
|
+
<a href="#">Left <span uk-navbar-parent-icon></span></a>
|
|
816
|
+
<div class="uk-navbar-dropdown">
|
|
817
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
818
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
819
|
+
<li class="uk-parent">
|
|
820
|
+
<a href="#">Parent</a>
|
|
821
|
+
<ul class="uk-nav-sub">
|
|
822
|
+
<li><a href="#">Sub item</a></li>
|
|
823
|
+
<li><a href="#">Sub item</a></li>
|
|
824
|
+
</ul>
|
|
825
|
+
</li>
|
|
826
|
+
<li class="uk-nav-header">Header</li>
|
|
827
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
828
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
829
|
+
<li class="uk-nav-divider"></li>
|
|
830
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
831
|
+
</ul>
|
|
832
|
+
</div>
|
|
833
|
+
</li>
|
|
834
|
+
<li>
|
|
835
|
+
<a href="#">2 Columns <span uk-navbar-parent-icon></span></a>
|
|
836
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
837
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
838
|
+
<div>
|
|
839
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
840
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
841
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
842
|
+
<li class="uk-nav-header">Header</li>
|
|
843
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
844
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
845
|
+
<li class="uk-nav-divider"></li>
|
|
846
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
847
|
+
</ul>
|
|
848
|
+
</div>
|
|
849
|
+
<div>
|
|
850
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
851
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
852
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
853
|
+
<li class="uk-nav-header">Header</li>
|
|
854
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
855
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
856
|
+
<li class="uk-nav-divider"></li>
|
|
857
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
858
|
+
</ul>
|
|
859
|
+
</div>
|
|
860
|
+
</div>
|
|
861
|
+
</div>
|
|
862
|
+
</li>
|
|
863
|
+
<li>
|
|
864
|
+
<a href="#">3 Columns <span uk-navbar-parent-icon></span></a>
|
|
865
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
866
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
867
|
+
<div>
|
|
868
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
869
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
870
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
871
|
+
<li class="uk-nav-header">Header</li>
|
|
872
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
873
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
874
|
+
</ul>
|
|
875
|
+
</div>
|
|
876
|
+
<div>
|
|
877
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
878
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
879
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
880
|
+
<li class="uk-nav-header">Header</li>
|
|
881
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
882
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
883
|
+
</ul>
|
|
884
|
+
</div>
|
|
885
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
886
|
+
</div>
|
|
887
|
+
</div>
|
|
888
|
+
</li>
|
|
889
|
+
<li>
|
|
890
|
+
<a href="#">Justify <span uk-navbar-parent-icon></span></a>
|
|
891
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
892
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
893
|
+
<div>
|
|
894
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
895
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
896
|
+
<li class="uk-parent">
|
|
897
|
+
<a href="#">Parent</a>
|
|
898
|
+
<ul class="uk-nav-sub">
|
|
899
|
+
<li><a href="#">Sub item</a></li>
|
|
900
|
+
<li><a href="#">Sub item</a></li>
|
|
901
|
+
</ul>
|
|
902
|
+
</li>
|
|
903
|
+
<li class="uk-nav-header">Header</li>
|
|
904
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
905
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
906
|
+
<li class="uk-nav-divider"></li>
|
|
907
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
908
|
+
</ul>
|
|
909
|
+
</div>
|
|
910
|
+
<div>
|
|
911
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
912
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
913
|
+
<li class="uk-parent">
|
|
914
|
+
<a href="#">Parent</a>
|
|
915
|
+
<ul class="uk-nav-sub">
|
|
916
|
+
<li><a href="#">Sub item</a></li>
|
|
917
|
+
<li><a href="#">Sub item</a></li>
|
|
918
|
+
</ul>
|
|
919
|
+
</li>
|
|
920
|
+
<li class="uk-nav-header">Header</li>
|
|
921
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
922
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
923
|
+
<li class="uk-nav-divider"></li>
|
|
924
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
925
|
+
</ul>
|
|
926
|
+
</div>
|
|
927
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
509
928
|
</div>
|
|
510
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
511
929
|
</div>
|
|
512
|
-
</
|
|
513
|
-
|
|
514
|
-
|
|
930
|
+
</li>
|
|
931
|
+
<li>
|
|
932
|
+
<a href="#">Stretch Full <span uk-navbar-parent-icon></span></a>
|
|
933
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false">
|
|
934
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
935
|
+
<div>
|
|
936
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
937
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
938
|
+
<li class="uk-parent">
|
|
939
|
+
<a href="#">Parent</a>
|
|
940
|
+
<ul class="uk-nav-sub">
|
|
941
|
+
<li><a href="#">Sub item</a></li>
|
|
942
|
+
<li><a href="#">Sub item</a></li>
|
|
943
|
+
</ul>
|
|
944
|
+
</li>
|
|
945
|
+
<li class="uk-nav-header">Header</li>
|
|
946
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
947
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
948
|
+
<li class="uk-nav-divider"></li>
|
|
949
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
950
|
+
</ul>
|
|
951
|
+
</div>
|
|
952
|
+
<div>
|
|
953
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
954
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
955
|
+
<li class="uk-parent">
|
|
956
|
+
<a href="#">Parent</a>
|
|
957
|
+
<ul class="uk-nav-sub">
|
|
958
|
+
<li><a href="#">Sub item</a></li>
|
|
959
|
+
<li><a href="#">Sub item</a></li>
|
|
960
|
+
</ul>
|
|
961
|
+
</li>
|
|
962
|
+
<li class="uk-nav-header">Header</li>
|
|
963
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
964
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
965
|
+
<li class="uk-nav-divider"></li>
|
|
966
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
967
|
+
</ul>
|
|
968
|
+
</div>
|
|
969
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
970
|
+
</div>
|
|
971
|
+
</div>
|
|
972
|
+
</li>
|
|
973
|
+
</ul>
|
|
515
974
|
|
|
516
|
-
|
|
517
|
-
|
|
975
|
+
</div>
|
|
976
|
+
<div class="uk-navbar-right">
|
|
518
977
|
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
978
|
+
<ul class="uk-navbar-nav">
|
|
979
|
+
<li>
|
|
980
|
+
<a href="#">1 Column <span uk-navbar-parent-icon></span></a>
|
|
981
|
+
<div class="uk-navbar-dropdown">
|
|
982
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
983
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
984
|
+
<li class="uk-parent">
|
|
985
|
+
<a href="#">Parent</a>
|
|
986
|
+
<ul class="uk-nav-sub">
|
|
987
|
+
<li><a href="#">Sub item</a></li>
|
|
988
|
+
<li><a href="#">Sub item</a></li>
|
|
989
|
+
</ul>
|
|
990
|
+
</li>
|
|
991
|
+
<li class="uk-nav-header">Header</li>
|
|
992
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
993
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
994
|
+
<li class="uk-nav-divider"></li>
|
|
995
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
996
|
+
</ul>
|
|
997
|
+
</div>
|
|
998
|
+
</li>
|
|
999
|
+
</ul>
|
|
541
1000
|
|
|
1001
|
+
</div>
|
|
542
1002
|
</div>
|
|
543
|
-
</
|
|
1003
|
+
</div>
|
|
1004
|
+
</nav>
|
|
544
1005
|
|
|
545
|
-
|
|
546
|
-
<div class="uk-navbar-left">
|
|
1006
|
+
<div class="uk-container uk-margin-medium-top">
|
|
547
1007
|
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
<
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
<
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
1008
|
+
<h2>Dropdown Stretch</h2>
|
|
1009
|
+
|
|
1010
|
+
</div>
|
|
1011
|
+
|
|
1012
|
+
<nav class="uk-navbar-container uk-margin">
|
|
1013
|
+
<div class="uk-container">
|
|
1014
|
+
|
|
1015
|
+
<div uk-navbar="boundary-align: true">
|
|
1016
|
+
<div class="uk-navbar-left">
|
|
1017
|
+
|
|
1018
|
+
<ul class="uk-navbar-nav">
|
|
1019
|
+
<li class="uk-active">
|
|
1020
|
+
<a href="#">Left</a>
|
|
1021
|
+
<div class="uk-navbar-dropdown">
|
|
1022
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1023
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1024
|
+
<li class="uk-parent">
|
|
1025
|
+
<a href="#">Parent</a>
|
|
1026
|
+
<ul class="uk-nav-sub">
|
|
1027
|
+
<li><a href="#">Sub item</a></li>
|
|
1028
|
+
<li><a href="#">Sub item</a></li>
|
|
1029
|
+
</ul>
|
|
1030
|
+
</li>
|
|
1031
|
+
<li class="uk-nav-header">Header</li>
|
|
1032
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1033
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1034
|
+
<li class="uk-nav-divider"></li>
|
|
1035
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1036
|
+
</ul>
|
|
1037
|
+
</div>
|
|
1038
|
+
</li>
|
|
1039
|
+
<li>
|
|
1040
|
+
<a href="#">2 Columns</a>
|
|
1041
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
1042
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
1043
|
+
<div>
|
|
1044
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1045
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1046
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1047
|
+
<li class="uk-nav-header">Header</li>
|
|
1048
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1049
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1050
|
+
<li class="uk-nav-divider"></li>
|
|
1051
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1052
|
+
</ul>
|
|
1053
|
+
</div>
|
|
1054
|
+
<div>
|
|
1055
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1056
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1057
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1058
|
+
<li class="uk-nav-header">Header</li>
|
|
1059
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1060
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1061
|
+
<li class="uk-nav-divider"></li>
|
|
1062
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1063
|
+
</ul>
|
|
1064
|
+
</div>
|
|
583
1065
|
</div>
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
<
|
|
592
|
-
|
|
593
|
-
|
|
1066
|
+
</div>
|
|
1067
|
+
</li>
|
|
1068
|
+
<li>
|
|
1069
|
+
<a href="#">3 Columns</a>
|
|
1070
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
1071
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
1072
|
+
<div>
|
|
1073
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1074
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1075
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1076
|
+
<li class="uk-nav-header">Header</li>
|
|
1077
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1078
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1079
|
+
</ul>
|
|
1080
|
+
</div>
|
|
1081
|
+
<div>
|
|
1082
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1083
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1084
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1085
|
+
<li class="uk-nav-header">Header</li>
|
|
1086
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1087
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1088
|
+
</ul>
|
|
1089
|
+
</div>
|
|
1090
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
594
1091
|
</div>
|
|
595
1092
|
</div>
|
|
596
|
-
</
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
1093
|
+
</li>
|
|
1094
|
+
<li>
|
|
1095
|
+
<a href="#">Stretch</a>
|
|
1096
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1097
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1098
|
+
<div>
|
|
1099
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1100
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1101
|
+
<li class="uk-parent">
|
|
1102
|
+
<a href="#">Parent</a>
|
|
1103
|
+
<ul class="uk-nav-sub">
|
|
1104
|
+
<li><a href="#">Sub item</a></li>
|
|
1105
|
+
<li><a href="#">Sub item</a></li>
|
|
1106
|
+
</ul>
|
|
1107
|
+
</li>
|
|
1108
|
+
<li class="uk-nav-header">Header</li>
|
|
1109
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1110
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1111
|
+
<li class="uk-nav-divider"></li>
|
|
1112
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1113
|
+
</ul>
|
|
1114
|
+
</div>
|
|
1115
|
+
<div>
|
|
1116
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1117
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1118
|
+
<li class="uk-parent">
|
|
1119
|
+
<a href="#">Parent</a>
|
|
1120
|
+
<ul class="uk-nav-sub">
|
|
1121
|
+
<li><a href="#">Sub item</a></li>
|
|
1122
|
+
<li><a href="#">Sub item</a></li>
|
|
1123
|
+
</ul>
|
|
1124
|
+
</li>
|
|
1125
|
+
<li class="uk-nav-header">Header</li>
|
|
1126
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1127
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1128
|
+
<li class="uk-nav-divider"></li>
|
|
1129
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1130
|
+
</ul>
|
|
1131
|
+
</div>
|
|
1132
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
610
1133
|
</div>
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
1134
|
+
</div>
|
|
1135
|
+
</li>
|
|
1136
|
+
<li>
|
|
1137
|
+
<a href="#">Stretch Full</a>
|
|
1138
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false">
|
|
1139
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1140
|
+
<div>
|
|
1141
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1142
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1143
|
+
<li class="uk-parent">
|
|
1144
|
+
<a href="#">Parent</a>
|
|
1145
|
+
<ul class="uk-nav-sub">
|
|
1146
|
+
<li><a href="#">Sub item</a></li>
|
|
1147
|
+
<li><a href="#">Sub item</a></li>
|
|
1148
|
+
</ul>
|
|
1149
|
+
</li>
|
|
1150
|
+
<li class="uk-nav-header">Header</li>
|
|
1151
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1152
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1153
|
+
<li class="uk-nav-divider"></li>
|
|
1154
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1155
|
+
</ul>
|
|
1156
|
+
</div>
|
|
1157
|
+
<div>
|
|
1158
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1159
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1160
|
+
<li class="uk-parent">
|
|
1161
|
+
<a href="#">Parent</a>
|
|
1162
|
+
<ul class="uk-nav-sub">
|
|
1163
|
+
<li><a href="#">Sub item</a></li>
|
|
1164
|
+
<li><a href="#">Sub item</a></li>
|
|
1165
|
+
</ul>
|
|
1166
|
+
</li>
|
|
1167
|
+
<li class="uk-nav-header">Header</li>
|
|
1168
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1169
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1170
|
+
<li class="uk-nav-divider"></li>
|
|
1171
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1172
|
+
</ul>
|
|
1173
|
+
</div>
|
|
1174
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
619
1175
|
</div>
|
|
620
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
621
1176
|
</div>
|
|
622
|
-
</
|
|
623
|
-
</
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
<li><a href="#">Sub item</a></li>
|
|
635
|
-
<li><a href="#">Sub item</a></li>
|
|
636
|
-
</ul>
|
|
637
|
-
</li>
|
|
638
|
-
<li class="uk-nav-header">Header</li>
|
|
639
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
640
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
641
|
-
<li class="uk-nav-divider"></li>
|
|
642
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
643
|
-
</ul>
|
|
644
|
-
</div>
|
|
645
|
-
<div>
|
|
646
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
647
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1177
|
+
</li>
|
|
1178
|
+
</ul>
|
|
1179
|
+
|
|
1180
|
+
</div>
|
|
1181
|
+
<div class="uk-navbar-right">
|
|
1182
|
+
|
|
1183
|
+
<ul class="uk-navbar-nav">
|
|
1184
|
+
<li>
|
|
1185
|
+
<a href="#">1 Column</a>
|
|
1186
|
+
<div class="uk-navbar-dropdown">
|
|
1187
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1188
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
648
1189
|
<li class="uk-parent">
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
</div>
|
|
662
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1190
|
+
<a href="#">Parent</a>
|
|
1191
|
+
<ul class="uk-nav-sub">
|
|
1192
|
+
<li><a href="#">Sub item</a></li>
|
|
1193
|
+
<li><a href="#">Sub item</a></li>
|
|
1194
|
+
</ul>
|
|
1195
|
+
</li>
|
|
1196
|
+
<li class="uk-nav-header">Header</li>
|
|
1197
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1198
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1199
|
+
<li class="uk-nav-divider"></li>
|
|
1200
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1201
|
+
</ul>
|
|
663
1202
|
</div>
|
|
664
|
-
</
|
|
665
|
-
</
|
|
666
|
-
</ul>
|
|
1203
|
+
</li>
|
|
1204
|
+
</ul>
|
|
667
1205
|
|
|
1206
|
+
</div>
|
|
668
1207
|
</div>
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
<ul class="uk-navbar-nav">
|
|
672
|
-
<li>
|
|
673
|
-
<a href="#">Right</a>
|
|
674
|
-
<div class="uk-navbar-dropdown">
|
|
675
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
676
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
677
|
-
<li class="uk-parent">
|
|
678
|
-
<a href="#">Parent</a>
|
|
679
|
-
<ul class="uk-nav-sub">
|
|
680
|
-
<li><a href="#">Sub item</a></li>
|
|
681
|
-
<li><a href="#">Sub item</a></li>
|
|
682
|
-
</ul>
|
|
683
|
-
</li>
|
|
684
|
-
<li class="uk-nav-header">Header</li>
|
|
685
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
686
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
687
|
-
<li class="uk-nav-divider"></li>
|
|
688
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
689
|
-
</ul>
|
|
690
|
-
</div>
|
|
691
|
-
</li>
|
|
692
|
-
</ul>
|
|
1208
|
+
</div>
|
|
1209
|
+
</nav>
|
|
693
1210
|
|
|
694
|
-
|
|
695
|
-
|
|
1211
|
+
<nav class="uk-navbar-container uk-margin">
|
|
1212
|
+
<div class="uk-container">
|
|
1213
|
+
<div uk-navbar="align: right; boundary-align: true">
|
|
1214
|
+
<div class="uk-navbar-left">
|
|
696
1215
|
|
|
697
|
-
|
|
1216
|
+
<ul class="uk-navbar-nav">
|
|
1217
|
+
<li>
|
|
1218
|
+
<a href="#">1 Column</a>
|
|
1219
|
+
<div class="uk-navbar-dropdown">
|
|
1220
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1221
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1222
|
+
<li class="uk-parent">
|
|
1223
|
+
<a href="#">Parent</a>
|
|
1224
|
+
<ul class="uk-nav-sub">
|
|
1225
|
+
<li><a href="#">Sub item</a></li>
|
|
1226
|
+
<li><a href="#">Sub item</a></li>
|
|
1227
|
+
</ul>
|
|
1228
|
+
</li>
|
|
1229
|
+
<li class="uk-nav-header">Header</li>
|
|
1230
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1231
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1232
|
+
<li class="uk-nav-divider"></li>
|
|
1233
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1234
|
+
</ul>
|
|
1235
|
+
</div>
|
|
1236
|
+
</li>
|
|
1237
|
+
</ul>
|
|
698
1238
|
|
|
699
|
-
|
|
700
|
-
|
|
1239
|
+
</div>
|
|
1240
|
+
<div class="uk-navbar-right">
|
|
701
1241
|
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
</div>
|
|
722
|
-
</li>
|
|
723
|
-
<li>
|
|
724
|
-
<a href="#">2 Columns</a>
|
|
725
|
-
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
726
|
-
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
727
|
-
<div>
|
|
728
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
729
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
730
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
731
|
-
<li class="uk-nav-header">Header</li>
|
|
732
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
733
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
734
|
-
<li class="uk-nav-divider"></li>
|
|
735
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
736
|
-
</ul>
|
|
737
|
-
</div>
|
|
738
|
-
<div>
|
|
739
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
740
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
741
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
742
|
-
<li class="uk-nav-header">Header</li>
|
|
743
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
744
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
745
|
-
<li class="uk-nav-divider"></li>
|
|
746
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
747
|
-
</ul>
|
|
748
|
-
</div>
|
|
1242
|
+
<ul class="uk-navbar-nav">
|
|
1243
|
+
<li class="uk-active">
|
|
1244
|
+
<a href="#">Right</a>
|
|
1245
|
+
<div class="uk-navbar-dropdown">
|
|
1246
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1247
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1248
|
+
<li class="uk-parent">
|
|
1249
|
+
<a href="#">Parent</a>
|
|
1250
|
+
<ul class="uk-nav-sub">
|
|
1251
|
+
<li><a href="#">Sub item</a></li>
|
|
1252
|
+
<li><a href="#">Sub item</a></li>
|
|
1253
|
+
</ul>
|
|
1254
|
+
</li>
|
|
1255
|
+
<li class="uk-nav-header">Header</li>
|
|
1256
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1257
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1258
|
+
<li class="uk-nav-divider"></li>
|
|
1259
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1260
|
+
</ul>
|
|
749
1261
|
</div>
|
|
750
|
-
</
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
<
|
|
767
|
-
<
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
1262
|
+
</li>
|
|
1263
|
+
<li>
|
|
1264
|
+
<a href="#">2 Columns</a>
|
|
1265
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
1266
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
1267
|
+
<div>
|
|
1268
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1269
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1270
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1271
|
+
<li class="uk-nav-header">Header</li>
|
|
1272
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1273
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1274
|
+
<li class="uk-nav-divider"></li>
|
|
1275
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1276
|
+
</ul>
|
|
1277
|
+
</div>
|
|
1278
|
+
<div>
|
|
1279
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1280
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1281
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1282
|
+
<li class="uk-nav-header">Header</li>
|
|
1283
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1284
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1285
|
+
<li class="uk-nav-divider"></li>
|
|
1286
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1287
|
+
</ul>
|
|
1288
|
+
</div>
|
|
773
1289
|
</div>
|
|
774
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
775
1290
|
</div>
|
|
776
|
-
</
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
<a href="#">
|
|
787
|
-
<
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
1291
|
+
</li>
|
|
1292
|
+
<li>
|
|
1293
|
+
<a href="#">3 Columns</a>
|
|
1294
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
1295
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
1296
|
+
<div>
|
|
1297
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1298
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1299
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1300
|
+
<li class="uk-nav-header">Header</li>
|
|
1301
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1302
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1303
|
+
</ul>
|
|
1304
|
+
</div>
|
|
1305
|
+
<div>
|
|
1306
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1307
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1308
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1309
|
+
<li class="uk-nav-header">Header</li>
|
|
1310
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1311
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1312
|
+
</ul>
|
|
1313
|
+
</div>
|
|
1314
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
798
1315
|
</div>
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
</
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
1316
|
+
</div>
|
|
1317
|
+
</li>
|
|
1318
|
+
<li>
|
|
1319
|
+
<a href="#">Stretch</a>
|
|
1320
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1321
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1322
|
+
<div>
|
|
1323
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1324
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1325
|
+
<li class="uk-parent">
|
|
1326
|
+
<a href="#">Parent</a>
|
|
1327
|
+
<ul class="uk-nav-sub">
|
|
1328
|
+
<li><a href="#">Sub item</a></li>
|
|
1329
|
+
<li><a href="#">Sub item</a></li>
|
|
1330
|
+
</ul>
|
|
1331
|
+
</li>
|
|
1332
|
+
<li class="uk-nav-header">Header</li>
|
|
1333
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1334
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1335
|
+
<li class="uk-nav-divider"></li>
|
|
1336
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1337
|
+
</ul>
|
|
1338
|
+
</div>
|
|
1339
|
+
<div>
|
|
1340
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1341
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1342
|
+
<li class="uk-parent">
|
|
1343
|
+
<a href="#">Parent</a>
|
|
1344
|
+
<ul class="uk-nav-sub">
|
|
1345
|
+
<li><a href="#">Sub item</a></li>
|
|
1346
|
+
<li><a href="#">Sub item</a></li>
|
|
1347
|
+
</ul>
|
|
1348
|
+
</li>
|
|
1349
|
+
<li class="uk-nav-header">Header</li>
|
|
1350
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1351
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1352
|
+
<li class="uk-nav-divider"></li>
|
|
1353
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1354
|
+
</ul>
|
|
1355
|
+
</div>
|
|
1356
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
815
1357
|
</div>
|
|
816
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
817
1358
|
</div>
|
|
818
|
-
</
|
|
819
|
-
</
|
|
820
|
-
</ul>
|
|
1359
|
+
</li>
|
|
1360
|
+
</ul>
|
|
821
1361
|
|
|
1362
|
+
</div>
|
|
822
1363
|
</div>
|
|
823
|
-
|
|
1364
|
+
</div>
|
|
1365
|
+
</nav>
|
|
824
1366
|
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
830
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
831
|
-
<li class="uk-parent">
|
|
832
|
-
<a href="#">Parent</a>
|
|
833
|
-
<ul class="uk-nav-sub">
|
|
834
|
-
<li><a href="#">Sub item</a></li>
|
|
835
|
-
<li><a href="#">Sub item</a></li>
|
|
836
|
-
</ul>
|
|
837
|
-
</li>
|
|
838
|
-
<li class="uk-nav-header">Header</li>
|
|
839
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
840
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
841
|
-
<li class="uk-nav-divider"></li>
|
|
842
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
843
|
-
</ul>
|
|
844
|
-
</div>
|
|
845
|
-
</li>
|
|
846
|
-
</ul>
|
|
1367
|
+
<nav class="uk-navbar-container uk-margin">
|
|
1368
|
+
<div class="uk-container">
|
|
1369
|
+
<div uk-navbar="align: center; boundary-align: true">
|
|
1370
|
+
<div class="uk-navbar-left">
|
|
847
1371
|
|
|
848
|
-
|
|
849
|
-
|
|
1372
|
+
<ul class="uk-navbar-nav">
|
|
1373
|
+
<li>
|
|
1374
|
+
<a href="#">1 Column</a>
|
|
1375
|
+
<div class="uk-navbar-dropdown">
|
|
1376
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1377
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1378
|
+
<li class="uk-parent">
|
|
1379
|
+
<a href="#">Parent</a>
|
|
1380
|
+
<ul class="uk-nav-sub">
|
|
1381
|
+
<li><a href="#">Sub item</a></li>
|
|
1382
|
+
<li><a href="#">Sub item</a></li>
|
|
1383
|
+
</ul>
|
|
1384
|
+
</li>
|
|
1385
|
+
<li class="uk-nav-header">Header</li>
|
|
1386
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1387
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1388
|
+
<li class="uk-nav-divider"></li>
|
|
1389
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1390
|
+
</ul>
|
|
1391
|
+
</div>
|
|
1392
|
+
</li>
|
|
1393
|
+
</ul>
|
|
850
1394
|
|
|
851
|
-
|
|
852
|
-
|
|
1395
|
+
</div>
|
|
1396
|
+
<div class="uk-navbar-center">
|
|
853
1397
|
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
</div>
|
|
874
|
-
</li>
|
|
875
|
-
<li>
|
|
876
|
-
<a href="#">2 Columns</a>
|
|
877
|
-
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
878
|
-
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
879
|
-
<div>
|
|
880
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
881
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
882
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
883
|
-
<li class="uk-nav-header">Header</li>
|
|
884
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
885
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
886
|
-
<li class="uk-nav-divider"></li>
|
|
887
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
888
|
-
</ul>
|
|
889
|
-
</div>
|
|
890
|
-
<div>
|
|
891
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
892
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
893
|
-
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
894
|
-
<li class="uk-nav-header">Header</li>
|
|
895
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
896
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
897
|
-
<li class="uk-nav-divider"></li>
|
|
898
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
899
|
-
</ul>
|
|
900
|
-
</div>
|
|
1398
|
+
<ul class="uk-navbar-nav">
|
|
1399
|
+
<li class="uk-active">
|
|
1400
|
+
<a href="#">Center</a>
|
|
1401
|
+
<div class="uk-navbar-dropdown">
|
|
1402
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1403
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1404
|
+
<li class="uk-parent">
|
|
1405
|
+
<a href="#">Parent</a>
|
|
1406
|
+
<ul class="uk-nav-sub">
|
|
1407
|
+
<li><a href="#">Sub item</a></li>
|
|
1408
|
+
<li><a href="#">Sub item</a></li>
|
|
1409
|
+
</ul>
|
|
1410
|
+
</li>
|
|
1411
|
+
<li class="uk-nav-header">Header</li>
|
|
1412
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1413
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1414
|
+
<li class="uk-nav-divider"></li>
|
|
1415
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1416
|
+
</ul>
|
|
901
1417
|
</div>
|
|
902
|
-
</
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
<
|
|
919
|
-
<
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
1418
|
+
</li>
|
|
1419
|
+
<li>
|
|
1420
|
+
<a href="#">2 Columns</a>
|
|
1421
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
1422
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
1423
|
+
<div>
|
|
1424
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1425
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1426
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1427
|
+
<li class="uk-nav-header">Header</li>
|
|
1428
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1429
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1430
|
+
<li class="uk-nav-divider"></li>
|
|
1431
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1432
|
+
</ul>
|
|
1433
|
+
</div>
|
|
1434
|
+
<div>
|
|
1435
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1436
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1437
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1438
|
+
<li class="uk-nav-header">Header</li>
|
|
1439
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1440
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1441
|
+
<li class="uk-nav-divider"></li>
|
|
1442
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1443
|
+
</ul>
|
|
1444
|
+
</div>
|
|
925
1445
|
</div>
|
|
926
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
927
1446
|
</div>
|
|
928
|
-
</
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
<a href="#">
|
|
939
|
-
<
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
1447
|
+
</li>
|
|
1448
|
+
<li>
|
|
1449
|
+
<a href="#">3 Columns</a>
|
|
1450
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
1451
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
1452
|
+
<div>
|
|
1453
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1454
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1455
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1456
|
+
<li class="uk-nav-header">Header</li>
|
|
1457
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1458
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1459
|
+
</ul>
|
|
1460
|
+
</div>
|
|
1461
|
+
<div>
|
|
1462
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1463
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1464
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1465
|
+
<li class="uk-nav-header">Header</li>
|
|
1466
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1467
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1468
|
+
</ul>
|
|
1469
|
+
</div>
|
|
1470
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
950
1471
|
</div>
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
</
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
1472
|
+
</div>
|
|
1473
|
+
</li>
|
|
1474
|
+
<li>
|
|
1475
|
+
<a href="#">Stretch</a>
|
|
1476
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1477
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1478
|
+
<div>
|
|
1479
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1480
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1481
|
+
<li class="uk-parent">
|
|
1482
|
+
<a href="#">Parent</a>
|
|
1483
|
+
<ul class="uk-nav-sub">
|
|
1484
|
+
<li><a href="#">Sub item</a></li>
|
|
1485
|
+
<li><a href="#">Sub item</a></li>
|
|
1486
|
+
</ul>
|
|
1487
|
+
</li>
|
|
1488
|
+
<li class="uk-nav-header">Header</li>
|
|
1489
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1490
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1491
|
+
<li class="uk-nav-divider"></li>
|
|
1492
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1493
|
+
</ul>
|
|
1494
|
+
</div>
|
|
1495
|
+
<div>
|
|
1496
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1497
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1498
|
+
<li class="uk-parent">
|
|
1499
|
+
<a href="#">Parent</a>
|
|
1500
|
+
<ul class="uk-nav-sub">
|
|
1501
|
+
<li><a href="#">Sub item</a></li>
|
|
1502
|
+
<li><a href="#">Sub item</a></li>
|
|
1503
|
+
</ul>
|
|
1504
|
+
</li>
|
|
1505
|
+
<li class="uk-nav-header">Header</li>
|
|
1506
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1507
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1508
|
+
<li class="uk-nav-divider"></li>
|
|
1509
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1510
|
+
</ul>
|
|
1511
|
+
</div>
|
|
1512
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
967
1513
|
</div>
|
|
968
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
969
1514
|
</div>
|
|
970
|
-
</
|
|
971
|
-
</
|
|
972
|
-
</ul>
|
|
1515
|
+
</li>
|
|
1516
|
+
</ul>
|
|
973
1517
|
|
|
974
|
-
|
|
975
|
-
|
|
1518
|
+
</div>
|
|
1519
|
+
<div class="uk-navbar-right">
|
|
976
1520
|
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
1521
|
+
<ul class="uk-navbar-nav">
|
|
1522
|
+
<li>
|
|
1523
|
+
<a href="#">1 Column</a>
|
|
1524
|
+
<div class="uk-navbar-dropdown">
|
|
1525
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1526
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1527
|
+
<li class="uk-parent">
|
|
1528
|
+
<a href="#">Parent</a>
|
|
1529
|
+
<ul class="uk-nav-sub">
|
|
1530
|
+
<li><a href="#">Sub item</a></li>
|
|
1531
|
+
<li><a href="#">Sub item</a></li>
|
|
1532
|
+
</ul>
|
|
1533
|
+
</li>
|
|
1534
|
+
<li class="uk-nav-header">Header</li>
|
|
1535
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1536
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1537
|
+
<li class="uk-nav-divider"></li>
|
|
1538
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1539
|
+
</ul>
|
|
1540
|
+
</div>
|
|
1541
|
+
</li>
|
|
1542
|
+
</ul>
|
|
999
1543
|
|
|
1544
|
+
</div>
|
|
1000
1545
|
</div>
|
|
1001
|
-
</
|
|
1546
|
+
</div>
|
|
1547
|
+
</nav>
|
|
1548
|
+
|
|
1549
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1002
1550
|
|
|
1003
1551
|
<h2>Dropbar</h2>
|
|
1004
1552
|
|
|
1005
|
-
<
|
|
1553
|
+
<p>First example using <code>dropbar: SELECTOR</code> and second example using <code>dropbar: true</code>.</p>
|
|
1554
|
+
|
|
1555
|
+
</div>
|
|
1006
1556
|
|
|
1007
|
-
|
|
1557
|
+
<nav class="uk-navbar-container uk-margin-top"><!-- Margin top only because of dropbar follows already in markup -->
|
|
1558
|
+
<div class="uk-container">
|
|
1559
|
+
<div uk-navbar="dropbar: !.uk-navbar-container + .uk-navbar-dropbar">
|
|
1008
1560
|
<div class="uk-navbar-left">
|
|
1009
1561
|
|
|
1010
1562
|
<ul class="uk-navbar-nav">
|
|
1011
|
-
<li>
|
|
1012
|
-
<a href="#">
|
|
1563
|
+
<li class="uk-active">
|
|
1564
|
+
<a href="#">Left</a>
|
|
1013
1565
|
<div class="uk-navbar-dropdown">
|
|
1014
1566
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1015
1567
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1084,8 +1636,8 @@
|
|
|
1084
1636
|
</div>
|
|
1085
1637
|
</li>
|
|
1086
1638
|
<li>
|
|
1087
|
-
<a href="#">
|
|
1088
|
-
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary:
|
|
1639
|
+
<a href="#">Stretch</a>
|
|
1640
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1089
1641
|
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1090
1642
|
<div>
|
|
1091
1643
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -1126,7 +1678,46 @@
|
|
|
1126
1678
|
</div>
|
|
1127
1679
|
</li>
|
|
1128
1680
|
<li>
|
|
1129
|
-
<a href="#">
|
|
1681
|
+
<a href="#">Stretch Full</a>
|
|
1682
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false">
|
|
1683
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1684
|
+
<div>
|
|
1685
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1686
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1687
|
+
<li class="uk-parent">
|
|
1688
|
+
<a href="#">Parent</a>
|
|
1689
|
+
<ul class="uk-nav-sub">
|
|
1690
|
+
<li><a href="#">Sub item</a></li>
|
|
1691
|
+
<li><a href="#">Sub item</a></li>
|
|
1692
|
+
</ul>
|
|
1693
|
+
</li>
|
|
1694
|
+
<li class="uk-nav-header">Header</li>
|
|
1695
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1696
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1697
|
+
<li class="uk-nav-divider"></li>
|
|
1698
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1699
|
+
</ul>
|
|
1700
|
+
</div>
|
|
1701
|
+
<div>
|
|
1702
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1703
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1704
|
+
<li class="uk-parent">
|
|
1705
|
+
<a href="#">Parent</a>
|
|
1706
|
+
<ul class="uk-nav-sub">
|
|
1707
|
+
<li><a href="#">Sub item</a></li>
|
|
1708
|
+
<li><a href="#">Sub item</a></li>
|
|
1709
|
+
</ul>
|
|
1710
|
+
</li>
|
|
1711
|
+
<li class="uk-nav-header">Header</li>
|
|
1712
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1713
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1714
|
+
<li class="uk-nav-divider"></li>
|
|
1715
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1716
|
+
</ul>
|
|
1717
|
+
</div>
|
|
1718
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1719
|
+
</div>
|
|
1720
|
+
</div>
|
|
1130
1721
|
</li>
|
|
1131
1722
|
</ul>
|
|
1132
1723
|
|
|
@@ -1135,7 +1726,42 @@
|
|
|
1135
1726
|
|
|
1136
1727
|
<ul class="uk-navbar-nav">
|
|
1137
1728
|
<li>
|
|
1138
|
-
<a href="#">
|
|
1729
|
+
<a href="#">1 Column</a>
|
|
1730
|
+
<div class="uk-navbar-dropdown">
|
|
1731
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1732
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1733
|
+
<li class="uk-parent">
|
|
1734
|
+
<a href="#">Parent</a>
|
|
1735
|
+
<ul class="uk-nav-sub">
|
|
1736
|
+
<li><a href="#">Sub item</a></li>
|
|
1737
|
+
<li><a href="#">Sub item</a></li>
|
|
1738
|
+
</ul>
|
|
1739
|
+
</li>
|
|
1740
|
+
<li class="uk-nav-header">Header</li>
|
|
1741
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1742
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1743
|
+
<li class="uk-nav-divider"></li>
|
|
1744
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1745
|
+
</ul>
|
|
1746
|
+
</div>
|
|
1747
|
+
</li>
|
|
1748
|
+
</ul>
|
|
1749
|
+
|
|
1750
|
+
</div>
|
|
1751
|
+
</div>
|
|
1752
|
+
</div>
|
|
1753
|
+
</nav>
|
|
1754
|
+
|
|
1755
|
+
<div class="uk-dropbar uk-dropbar-top uk-navbar-dropbar"></div>
|
|
1756
|
+
|
|
1757
|
+
<nav class="uk-navbar-container uk-margin">
|
|
1758
|
+
<div class="uk-container">
|
|
1759
|
+
<div uk-navbar="dropbar: true; dropbar-anchor: !.uk-navbar-container; align: right">
|
|
1760
|
+
<div class="uk-navbar-left">
|
|
1761
|
+
|
|
1762
|
+
<ul class="uk-navbar-nav">
|
|
1763
|
+
<li>
|
|
1764
|
+
<a href="#">1 Column</a>
|
|
1139
1765
|
<div class="uk-navbar-dropdown">
|
|
1140
1766
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1141
1767
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1157,20 +1783,167 @@
|
|
|
1157
1783
|
</ul>
|
|
1158
1784
|
|
|
1159
1785
|
</div>
|
|
1160
|
-
|
|
1786
|
+
<div class="uk-navbar-right">
|
|
1161
1787
|
|
|
1162
|
-
|
|
1788
|
+
<ul class="uk-navbar-nav">
|
|
1789
|
+
<li class="uk-active">
|
|
1790
|
+
<a href="#">Right</a>
|
|
1791
|
+
<div class="uk-navbar-dropdown">
|
|
1792
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1793
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1794
|
+
<li class="uk-parent">
|
|
1795
|
+
<a href="#">Parent</a>
|
|
1796
|
+
<ul class="uk-nav-sub">
|
|
1797
|
+
<li><a href="#">Sub item</a></li>
|
|
1798
|
+
<li><a href="#">Sub item</a></li>
|
|
1799
|
+
</ul>
|
|
1800
|
+
</li>
|
|
1801
|
+
<li class="uk-nav-header">Header</li>
|
|
1802
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1803
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1804
|
+
<li class="uk-nav-divider"></li>
|
|
1805
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1806
|
+
</ul>
|
|
1807
|
+
</div>
|
|
1808
|
+
</li>
|
|
1809
|
+
<li>
|
|
1810
|
+
<a href="#">2 Columns</a>
|
|
1811
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
|
|
1812
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
|
|
1813
|
+
<div>
|
|
1814
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1815
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1816
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1817
|
+
<li class="uk-nav-header">Header</li>
|
|
1818
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1819
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1820
|
+
<li class="uk-nav-divider"></li>
|
|
1821
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1822
|
+
</ul>
|
|
1823
|
+
</div>
|
|
1824
|
+
<div>
|
|
1825
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1826
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1827
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1828
|
+
<li class="uk-nav-header">Header</li>
|
|
1829
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1830
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1831
|
+
<li class="uk-nav-divider"></li>
|
|
1832
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1833
|
+
</ul>
|
|
1834
|
+
</div>
|
|
1835
|
+
</div>
|
|
1836
|
+
</div>
|
|
1837
|
+
</li>
|
|
1838
|
+
<li>
|
|
1839
|
+
<a href="#">3 Columns</a>
|
|
1840
|
+
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
|
|
1841
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
|
|
1842
|
+
<div>
|
|
1843
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1844
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1845
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1846
|
+
<li class="uk-nav-header">Header</li>
|
|
1847
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1848
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1849
|
+
</ul>
|
|
1850
|
+
</div>
|
|
1851
|
+
<div>
|
|
1852
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1853
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1854
|
+
<li class="uk-parent"><a href="#">Parent</a></li>
|
|
1855
|
+
<li class="uk-nav-header">Header</li>
|
|
1856
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1857
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1858
|
+
</ul>
|
|
1859
|
+
</div>
|
|
1860
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1861
|
+
</div>
|
|
1862
|
+
</div>
|
|
1863
|
+
</li>
|
|
1864
|
+
<li>
|
|
1865
|
+
<a href="#">Stretch</a>
|
|
1866
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1867
|
+
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1868
|
+
<div>
|
|
1869
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1870
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1871
|
+
<li class="uk-parent">
|
|
1872
|
+
<a href="#">Parent</a>
|
|
1873
|
+
<ul class="uk-nav-sub">
|
|
1874
|
+
<li><a href="#">Sub item</a></li>
|
|
1875
|
+
<li><a href="#">Sub item</a></li>
|
|
1876
|
+
</ul>
|
|
1877
|
+
</li>
|
|
1878
|
+
<li class="uk-nav-header">Header</li>
|
|
1879
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1880
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1881
|
+
<li class="uk-nav-divider"></li>
|
|
1882
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1883
|
+
</ul>
|
|
1884
|
+
</div>
|
|
1885
|
+
<div>
|
|
1886
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1887
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1888
|
+
<li class="uk-parent">
|
|
1889
|
+
<a href="#">Parent</a>
|
|
1890
|
+
<ul class="uk-nav-sub">
|
|
1891
|
+
<li><a href="#">Sub item</a></li>
|
|
1892
|
+
<li><a href="#">Sub item</a></li>
|
|
1893
|
+
</ul>
|
|
1894
|
+
</li>
|
|
1895
|
+
<li class="uk-nav-header">Header</li>
|
|
1896
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1897
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1898
|
+
<li class="uk-nav-divider"></li>
|
|
1899
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1900
|
+
</ul>
|
|
1901
|
+
</div>
|
|
1902
|
+
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1903
|
+
</div>
|
|
1904
|
+
</div>
|
|
1905
|
+
</li>
|
|
1906
|
+
</ul>
|
|
1163
1907
|
|
|
1908
|
+
</div>
|
|
1909
|
+
</div>
|
|
1164
1910
|
</div>
|
|
1911
|
+
</nav>
|
|
1165
1912
|
|
|
1166
|
-
|
|
1913
|
+
<nav class="uk-navbar-container uk-margin">
|
|
1914
|
+
<div class="uk-container">
|
|
1915
|
+
<div uk-navbar="dropbar: true; dropbar-anchor: !.uk-navbar-container; align: center">
|
|
1916
|
+
<div class="uk-navbar-left">
|
|
1917
|
+
|
|
1918
|
+
<ul class="uk-navbar-nav">
|
|
1919
|
+
<li>
|
|
1920
|
+
<a href="#">1 Column</a>
|
|
1921
|
+
<div class="uk-navbar-dropdown">
|
|
1922
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1923
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
1924
|
+
<li class="uk-parent">
|
|
1925
|
+
<a href="#">Parent</a>
|
|
1926
|
+
<ul class="uk-nav-sub">
|
|
1927
|
+
<li><a href="#">Sub item</a></li>
|
|
1928
|
+
<li><a href="#">Sub item</a></li>
|
|
1929
|
+
</ul>
|
|
1930
|
+
</li>
|
|
1931
|
+
<li class="uk-nav-header">Header</li>
|
|
1932
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1933
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1934
|
+
<li class="uk-nav-divider"></li>
|
|
1935
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1936
|
+
</ul>
|
|
1937
|
+
</div>
|
|
1938
|
+
</li>
|
|
1939
|
+
</ul>
|
|
1167
1940
|
|
|
1168
|
-
|
|
1169
|
-
<div class="uk-navbar-
|
|
1941
|
+
</div>
|
|
1942
|
+
<div class="uk-navbar-center">
|
|
1170
1943
|
|
|
1171
1944
|
<ul class="uk-navbar-nav">
|
|
1172
|
-
<li>
|
|
1173
|
-
<a href="#">
|
|
1945
|
+
<li class="uk-active">
|
|
1946
|
+
<a href="#">Center</a>
|
|
1174
1947
|
<div class="uk-navbar-dropdown">
|
|
1175
1948
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1176
1949
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1245,8 +2018,8 @@
|
|
|
1245
2018
|
</div>
|
|
1246
2019
|
</li>
|
|
1247
2020
|
<li>
|
|
1248
|
-
<a href="#">
|
|
1249
|
-
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary:
|
|
2021
|
+
<a href="#">Stretch</a>
|
|
2022
|
+
<div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1250
2023
|
<div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
|
|
1251
2024
|
<div>
|
|
1252
2025
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -1286,9 +2059,6 @@
|
|
|
1286
2059
|
</div>
|
|
1287
2060
|
</div>
|
|
1288
2061
|
</li>
|
|
1289
|
-
<li>
|
|
1290
|
-
<a href="#">Item</a>
|
|
1291
|
-
</li>
|
|
1292
2062
|
</ul>
|
|
1293
2063
|
|
|
1294
2064
|
</div>
|
|
@@ -1296,7 +2066,7 @@
|
|
|
1296
2066
|
|
|
1297
2067
|
<ul class="uk-navbar-nav">
|
|
1298
2068
|
<li>
|
|
1299
|
-
<a href="#">
|
|
2069
|
+
<a href="#">1 Column</a>
|
|
1300
2070
|
<div class="uk-navbar-dropdown">
|
|
1301
2071
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1302
2072
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1318,306 +2088,285 @@
|
|
|
1318
2088
|
</ul>
|
|
1319
2089
|
|
|
1320
2090
|
</div>
|
|
1321
|
-
</
|
|
2091
|
+
</div>
|
|
1322
2092
|
</div>
|
|
2093
|
+
</nav>
|
|
1323
2094
|
|
|
1324
|
-
<h2>Icons and Subtitles</h2>
|
|
1325
2095
|
|
|
1326
|
-
|
|
1327
|
-
<div class="uk-navbar-left">
|
|
2096
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1328
2097
|
|
|
1329
|
-
|
|
1330
|
-
<li><a href="#">Item</a></li>
|
|
1331
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1332
|
-
<li><a href="#">
|
|
1333
|
-
<div>
|
|
1334
|
-
Item <div class="uk-navbar-subtitle">Subtitle</div>
|
|
1335
|
-
</div>
|
|
1336
|
-
</a></li>
|
|
1337
|
-
<li><a href="#">
|
|
1338
|
-
<div class="uk-flex uk-flex-middle">
|
|
1339
|
-
<span class="uk-margin-small-right" uk-icon="icon: trash"></span>
|
|
1340
|
-
<div>Item <div class="uk-navbar-subtitle">Subtitle</div></div>
|
|
1341
|
-
</div>
|
|
1342
|
-
</a></li>
|
|
1343
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span></a></li>
|
|
1344
|
-
</ul>
|
|
2098
|
+
<h2>Icons and Subtitles</h2>
|
|
1345
2099
|
|
|
1346
|
-
|
|
1347
|
-
</nav>
|
|
2100
|
+
</div>
|
|
1348
2101
|
|
|
1349
|
-
|
|
2102
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2103
|
+
<div class="uk-container">
|
|
2104
|
+
<div class="uk-navbar">
|
|
2105
|
+
<div class="uk-navbar-left">
|
|
2106
|
+
|
|
2107
|
+
<ul class="uk-navbar-nav">
|
|
2108
|
+
<li><a href="#"><span uk-icon="icon: home"></span></a></li>
|
|
2109
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: home"></span> Item</a></li>
|
|
2110
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: cart"></span> Item</a></li>
|
|
2111
|
+
<li><a href="#">Item</a></li>
|
|
2112
|
+
<li><a href="#">
|
|
2113
|
+
<div>
|
|
2114
|
+
Item <div class="uk-navbar-subtitle">Subtitle</div>
|
|
2115
|
+
</div>
|
|
2116
|
+
</a></li>
|
|
2117
|
+
<li><a href="#">
|
|
2118
|
+
<div>
|
|
2119
|
+
Item <div class="uk-navbar-subtitle">Subtitle</div>
|
|
2120
|
+
</div>
|
|
2121
|
+
</a></li>
|
|
2122
|
+
<li><a href="#">
|
|
2123
|
+
<div class="uk-flex uk-flex-middle">
|
|
2124
|
+
<span class="uk-margin-small-right" uk-icon="icon: home; ratio: 1.5"></span>
|
|
2125
|
+
<div>Item <div class="uk-navbar-subtitle">Subtitle</div></div>
|
|
2126
|
+
</div>
|
|
2127
|
+
</a></li>
|
|
2128
|
+
<li><a href="#">
|
|
2129
|
+
<div class="uk-flex uk-flex-middle">
|
|
2130
|
+
<span class="uk-margin-small-right" uk-icon="icon: cart; ratio: 1.5"></span>
|
|
2131
|
+
<div>Item <div class="uk-navbar-subtitle">Subtitle</div></div>
|
|
2132
|
+
</div>
|
|
2133
|
+
</a></li>
|
|
2134
|
+
</ul>
|
|
1350
2135
|
|
|
1351
|
-
<nav class="uk-navbar uk-navbar-container uk-margin">
|
|
1352
|
-
<div class="uk-navbar-left">
|
|
1353
|
-
<ul class="uk-navbar-nav">
|
|
1354
|
-
<li><a href="#">Item</a></li>
|
|
1355
|
-
</ul>
|
|
1356
|
-
<div class="uk-navbar-item">
|
|
1357
|
-
<div>Some <a href="#">Link</a></div>
|
|
1358
|
-
</div>
|
|
1359
|
-
<div class="uk-navbar-item">
|
|
1360
|
-
<a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
|
|
1361
|
-
</div>
|
|
1362
|
-
<div class="uk-navbar-item"><img src="images/photo.jpg" width="100" height="67" alt=""></div>
|
|
1363
|
-
<div class="uk-navbar-item">Search</div>
|
|
1364
|
-
<div class="uk-navbar-item">
|
|
1365
|
-
<form>
|
|
1366
|
-
<input class="uk-input uk-form-width-medium" type="text" placeholder="Input">
|
|
1367
|
-
<button class="uk-button uk-button-default">Button</button>
|
|
1368
|
-
</form>
|
|
1369
2136
|
</div>
|
|
1370
2137
|
</div>
|
|
1371
|
-
</
|
|
1372
|
-
|
|
1373
|
-
<h2>Toggle and Logo</h2>
|
|
2138
|
+
</div>
|
|
2139
|
+
</nav>
|
|
1374
2140
|
|
|
1375
|
-
|
|
1376
|
-
<div>
|
|
2141
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1377
2142
|
|
|
1378
|
-
|
|
1379
|
-
<div class="uk-navbar-left">
|
|
1380
|
-
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
1381
|
-
</div>
|
|
1382
|
-
<div class="uk-navbar-right">
|
|
1383
|
-
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
1384
|
-
</div>
|
|
1385
|
-
</nav>
|
|
2143
|
+
<h2>Content Items</h2>
|
|
1386
2144
|
|
|
1387
|
-
|
|
1388
|
-
<div class="uk-navbar-left">
|
|
1389
|
-
<a class="uk-navbar-toggle" href="#">
|
|
1390
|
-
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Menu</span>
|
|
1391
|
-
</a>
|
|
1392
|
-
</div>
|
|
1393
|
-
<div class="uk-navbar-right">
|
|
1394
|
-
<a class="uk-navbar-toggle" href="#">Menu</a>
|
|
1395
|
-
</div>
|
|
1396
|
-
</nav>
|
|
2145
|
+
</div>
|
|
1397
2146
|
|
|
1398
|
-
|
|
1399
|
-
|
|
2147
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2148
|
+
<div class="uk-container">
|
|
2149
|
+
<div class="uk-navbar">
|
|
2150
|
+
<div class="uk-navbar-left">
|
|
1400
2151
|
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
2152
|
+
<ul class="uk-navbar-nav">
|
|
2153
|
+
<li><a href="#">Item</a></li>
|
|
2154
|
+
</ul>
|
|
2155
|
+
<div class="uk-navbar-item">
|
|
2156
|
+
<div>Some <a href="#">Link</a></div>
|
|
1405
2157
|
</div>
|
|
1406
|
-
<div class="uk-navbar-
|
|
1407
|
-
<
|
|
1408
|
-
|
|
2158
|
+
<div class="uk-navbar-item">
|
|
2159
|
+
<ul class="uk-iconnav">
|
|
2160
|
+
<li>
|
|
2161
|
+
<a href="#" uk-icon="icon: user"></a>
|
|
2162
|
+
</li>
|
|
2163
|
+
<li>
|
|
2164
|
+
<a href="#" uk-icon="icon: bag"></a>
|
|
2165
|
+
</li>
|
|
2166
|
+
<li>
|
|
2167
|
+
<a href="#" uk-icon="icon: heart"></a>
|
|
2168
|
+
</li>
|
|
2169
|
+
</ul>
|
|
1409
2170
|
</div>
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
2171
|
+
<div class="uk-navbar-item"><img src="images/photo.jpg" width="100" height="67" alt=""></div>
|
|
2172
|
+
<div class="uk-navbar-item">
|
|
2173
|
+
<form>
|
|
2174
|
+
<input class="uk-input uk-form-width-medium" type="text" placeholder="Input">
|
|
2175
|
+
<button class="uk-button uk-button-default">Button</button>
|
|
2176
|
+
</form>
|
|
1416
2177
|
</div>
|
|
1417
|
-
<div class="uk-navbar-
|
|
1418
|
-
<
|
|
1419
|
-
<
|
|
1420
|
-
|
|
1421
|
-
|
|
2178
|
+
<div class="uk-navbar-item">
|
|
2179
|
+
<ul class="uk-grid uk-grid-small">
|
|
2180
|
+
<li>
|
|
2181
|
+
<a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
|
|
2182
|
+
</li>
|
|
2183
|
+
<li>
|
|
2184
|
+
<a class="uk-icon-button" href="#" uk-icon="icon: github"></a>
|
|
2185
|
+
</li>
|
|
2186
|
+
<li>
|
|
2187
|
+
<a class="uk-icon-button" href="#" uk-icon="icon: youtube"></a>
|
|
2188
|
+
</li>
|
|
2189
|
+
</ul>
|
|
1422
2190
|
</div>
|
|
1423
|
-
</nav>
|
|
1424
2191
|
|
|
2192
|
+
</div>
|
|
1425
2193
|
</div>
|
|
1426
2194
|
</div>
|
|
2195
|
+
</nav>
|
|
1427
2196
|
|
|
1428
|
-
|
|
2197
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1429
2198
|
|
|
1430
|
-
<
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
2199
|
+
<h2>Logo and Toggle</h2>
|
|
2200
|
+
|
|
2201
|
+
</div>
|
|
2202
|
+
|
|
2203
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2204
|
+
<div class="uk-container">
|
|
2205
|
+
<div uk-navbar>
|
|
2206
|
+
<div class="uk-navbar-left">
|
|
2207
|
+
|
|
2208
|
+
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
2209
|
+
<ul class="uk-navbar-nav uk-navbar-nav-primary">
|
|
1437
2210
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1438
|
-
|
|
2211
|
+
<li>
|
|
1439
2212
|
<a href="#">Parent</a>
|
|
1440
|
-
<
|
|
1441
|
-
<
|
|
1442
|
-
|
|
1443
|
-
|
|
2213
|
+
<div class="uk-navbar-dropdown">
|
|
2214
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2215
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2216
|
+
<li class="uk-parent">
|
|
2217
|
+
<a href="#">Parent</a>
|
|
2218
|
+
<ul class="uk-nav-sub">
|
|
2219
|
+
<li><a href="#">Sub item</a></li>
|
|
2220
|
+
<li><a href="#">Sub item</a></li>
|
|
2221
|
+
</ul>
|
|
2222
|
+
</li>
|
|
2223
|
+
<li class="uk-nav-header">Header</li>
|
|
2224
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2225
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2226
|
+
<li class="uk-nav-divider"></li>
|
|
2227
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2228
|
+
</ul>
|
|
2229
|
+
</div>
|
|
1444
2230
|
</li>
|
|
1445
|
-
<li
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
<li class="uk-nav-divider"></li>
|
|
1449
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1450
|
-
</ul>
|
|
1451
|
-
</div>
|
|
1452
|
-
<a class="uk-navbar-toggle" href="#">
|
|
1453
|
-
<span uk-navbar-toggle-icon></span><span class="uk-margin-small-left">Slide</span>
|
|
1454
|
-
</a>
|
|
1455
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; pos: bottom-stretch; animate-out: true; animation: slide">
|
|
1456
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1457
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1458
|
-
<li class="uk-parent">
|
|
1459
|
-
<a href="#">Parent</a>
|
|
1460
|
-
<ul class="uk-nav-sub">
|
|
1461
|
-
<li><a href="#">Sub item</a></li>
|
|
1462
|
-
<li><a href="#">Sub item</a></li>
|
|
1463
|
-
</ul>
|
|
2231
|
+
<li>
|
|
2232
|
+
<a href="#">Content</a>
|
|
2233
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1464
2234
|
</li>
|
|
1465
|
-
<li
|
|
1466
|
-
<li><a href="#"
|
|
1467
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1468
|
-
<li class="uk-nav-divider"></li>
|
|
1469
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2235
|
+
<li><a href="#">Item</a></li>
|
|
2236
|
+
<li><a href="#">Item</a></li>
|
|
1470
2237
|
</ul>
|
|
2238
|
+
|
|
1471
2239
|
</div>
|
|
1472
|
-
<
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1478
|
-
<li class="uk-parent">
|
|
1479
|
-
<a href="#">Parent</a>
|
|
1480
|
-
<ul class="uk-nav-sub">
|
|
1481
|
-
<li><a href="#">Sub item</a></li>
|
|
1482
|
-
<li><a href="#">Sub item</a></li>
|
|
1483
|
-
</ul>
|
|
1484
|
-
</li>
|
|
1485
|
-
<li class="uk-nav-header">Header</li>
|
|
1486
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1487
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1488
|
-
<li class="uk-nav-divider"></li>
|
|
1489
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1490
|
-
</ul>
|
|
2240
|
+
<div class="uk-navbar-right">
|
|
2241
|
+
|
|
2242
|
+
<a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
|
|
2243
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">Dropdown</div>
|
|
2244
|
+
|
|
1491
2245
|
</div>
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
2246
|
+
</div>
|
|
2247
|
+
</div>
|
|
2248
|
+
</nav>
|
|
2249
|
+
|
|
2250
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2251
|
+
<div class="uk-container">
|
|
2252
|
+
<div uk-navbar>
|
|
2253
|
+
<div class="uk-navbar-left">
|
|
2254
|
+
|
|
2255
|
+
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
2256
|
+
<ul class="uk-navbar-nav uk-navbar-nav-primary">
|
|
1497
2257
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1498
|
-
|
|
2258
|
+
<li>
|
|
1499
2259
|
<a href="#">Parent</a>
|
|
1500
|
-
<
|
|
1501
|
-
<
|
|
1502
|
-
|
|
1503
|
-
|
|
2260
|
+
<div class="uk-navbar-dropdown">
|
|
2261
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2262
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2263
|
+
<li class="uk-parent">
|
|
2264
|
+
<a href="#">Parent</a>
|
|
2265
|
+
<ul class="uk-nav-sub">
|
|
2266
|
+
<li><a href="#">Sub item</a></li>
|
|
2267
|
+
<li><a href="#">Sub item</a></li>
|
|
2268
|
+
</ul>
|
|
2269
|
+
</li>
|
|
2270
|
+
<li class="uk-nav-header">Header</li>
|
|
2271
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2272
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2273
|
+
<li class="uk-nav-divider"></li>
|
|
2274
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2275
|
+
</ul>
|
|
2276
|
+
</div>
|
|
1504
2277
|
</li>
|
|
1505
|
-
<li
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
<li><a href="#"
|
|
2278
|
+
<li>
|
|
2279
|
+
<a href="#">Content</a>
|
|
2280
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
2281
|
+
</li>
|
|
2282
|
+
<li><a href="#">Item</a></li>
|
|
2283
|
+
<li><a href="#">Item</a></li>
|
|
1510
2284
|
</ul>
|
|
2285
|
+
|
|
2286
|
+
</div>
|
|
2287
|
+
<div class="uk-navbar-right">
|
|
2288
|
+
|
|
2289
|
+
<a class="uk-navbar-toggle" href="#">
|
|
2290
|
+
<span class="uk-margin-small-right">Menu</span> <span uk-navbar-toggle-icon></span>
|
|
2291
|
+
</a>
|
|
2292
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">Dropdown</div>
|
|
2293
|
+
|
|
1511
2294
|
</div>
|
|
1512
2295
|
</div>
|
|
1513
|
-
</
|
|
2296
|
+
</div>
|
|
2297
|
+
</nav>
|
|
1514
2298
|
|
|
1515
|
-
|
|
2299
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1516
2300
|
|
|
1517
|
-
<
|
|
1518
|
-
<div class="uk-navbar-left">
|
|
2301
|
+
<h2>Primary</h2>
|
|
1519
2302
|
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
<
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
2303
|
+
</div>
|
|
2304
|
+
|
|
2305
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2306
|
+
<div class="uk-container">
|
|
2307
|
+
<div class="uk-navbar-primary" uk-navbar>
|
|
2308
|
+
<div class="uk-navbar-left">
|
|
2309
|
+
|
|
2310
|
+
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
2311
|
+
<ul class="uk-navbar-nav uk-navbar-nav-primary">
|
|
2312
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2313
|
+
<li>
|
|
2314
|
+
<a href="#">Parent</a>
|
|
2315
|
+
<div class="uk-navbar-dropdown">
|
|
2316
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2317
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2318
|
+
<li class="uk-parent">
|
|
2319
|
+
<a href="#">Parent</a>
|
|
2320
|
+
<ul class="uk-nav-sub">
|
|
2321
|
+
<li><a href="#">Sub item</a></li>
|
|
2322
|
+
<li><a href="#">Sub item</a></li>
|
|
2323
|
+
</ul>
|
|
2324
|
+
</li>
|
|
2325
|
+
<li class="uk-nav-header">Header</li>
|
|
2326
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2327
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2328
|
+
<li class="uk-nav-divider"></li>
|
|
2329
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2330
|
+
</ul>
|
|
2331
|
+
</div>
|
|
2332
|
+
</li>
|
|
2333
|
+
<li>
|
|
2334
|
+
<a href="#">Content</a>
|
|
2335
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
2336
|
+
</li>
|
|
2337
|
+
<li><a href="#">Item</a></li>
|
|
2338
|
+
<li><a href="#">Item</a></li>
|
|
2339
|
+
</ul>
|
|
1542
2340
|
|
|
1543
|
-
</div>
|
|
1544
|
-
<div class="uk-navbar-center">
|
|
1545
|
-
|
|
1546
|
-
<ul class="uk-navbar-nav">
|
|
1547
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1548
|
-
<li>
|
|
1549
|
-
<a href="#">Parent</a>
|
|
1550
|
-
<div class="uk-navbar-dropdown">
|
|
1551
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1552
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1553
|
-
<li class="uk-parent">
|
|
1554
|
-
<a href="#">Parent</a>
|
|
1555
|
-
<ul class="uk-nav-sub">
|
|
1556
|
-
<li><a href="#">Sub item</a></li>
|
|
1557
|
-
<li><a href="#">Sub item</a></li>
|
|
1558
|
-
</ul>
|
|
1559
|
-
</li>
|
|
1560
|
-
<li class="uk-nav-header">Header</li>
|
|
1561
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1562
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1563
|
-
<li class="uk-nav-divider"></li>
|
|
1564
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1565
|
-
</ul>
|
|
1566
|
-
</div>
|
|
1567
|
-
</li>
|
|
1568
|
-
<li>
|
|
1569
|
-
<a href="#">Content</a>
|
|
1570
|
-
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1571
|
-
</li>
|
|
1572
|
-
<li><a href="#">Item</a></li>
|
|
1573
|
-
<li><a href="#">Item</a></li>
|
|
1574
|
-
<li><a href="#">Item</a></li>
|
|
1575
|
-
</ul>
|
|
1576
|
-
<div class="uk-navbar-item">
|
|
1577
|
-
<div>Some <a href="#">Link</a></div>
|
|
1578
2341
|
</div>
|
|
2342
|
+
<div class="uk-navbar-right">
|
|
1579
2343
|
|
|
2344
|
+
<a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
|
|
2345
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">Dropdown</div>
|
|
2346
|
+
|
|
2347
|
+
</div>
|
|
1580
2348
|
</div>
|
|
1581
|
-
|
|
2349
|
+
</div>
|
|
2350
|
+
</nav>
|
|
1582
2351
|
|
|
1583
|
-
|
|
1584
|
-
<li>
|
|
1585
|
-
<a href="#">Right</a>
|
|
1586
|
-
<div class="uk-navbar-dropdown">
|
|
1587
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1588
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1589
|
-
<li class="uk-parent">
|
|
1590
|
-
<a href="#">Parent</a>
|
|
1591
|
-
<ul class="uk-nav-sub">
|
|
1592
|
-
<li><a href="#">Sub item</a></li>
|
|
1593
|
-
<li><a href="#">Sub item</a></li>
|
|
1594
|
-
</ul>
|
|
1595
|
-
</li>
|
|
1596
|
-
<li class="uk-nav-header">Header</li>
|
|
1597
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1598
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1599
|
-
<li class="uk-nav-divider"></li>
|
|
1600
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1601
|
-
</ul>
|
|
1602
|
-
</div>
|
|
1603
|
-
</li>
|
|
1604
|
-
</ul>
|
|
2352
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1605
2353
|
|
|
1606
|
-
|
|
1607
|
-
|
|
2354
|
+
<h2>Center</h2>
|
|
2355
|
+
|
|
2356
|
+
</div>
|
|
1608
2357
|
|
|
1609
|
-
|
|
1610
|
-
|
|
2358
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2359
|
+
<div class="uk-container">
|
|
2360
|
+
<div uk-navbar>
|
|
2361
|
+
<div class="uk-navbar-left">
|
|
1611
2362
|
|
|
1612
|
-
<div class="uk-navbar-center-left"><div>
|
|
1613
2363
|
<ul class="uk-navbar-nav">
|
|
1614
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1615
2364
|
<li>
|
|
1616
|
-
<a href="#">
|
|
2365
|
+
<a href="#">Left</a>
|
|
1617
2366
|
<div class="uk-navbar-dropdown">
|
|
1618
2367
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1619
2368
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1620
|
-
|
|
2369
|
+
<li class="uk-parent">
|
|
1621
2370
|
<a href="#">Parent</a>
|
|
1622
2371
|
<ul class="uk-nav-sub">
|
|
1623
2372
|
<li><a href="#">Sub item</a></li>
|
|
@@ -1632,16 +2381,11 @@
|
|
|
1632
2381
|
</ul>
|
|
1633
2382
|
</div>
|
|
1634
2383
|
</li>
|
|
1635
|
-
<li>
|
|
1636
|
-
<a href="#">Content</a>
|
|
1637
|
-
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1638
|
-
</li>
|
|
1639
2384
|
</ul>
|
|
1640
|
-
</div></div>
|
|
1641
2385
|
|
|
1642
|
-
|
|
2386
|
+
</div>
|
|
2387
|
+
<div class="uk-navbar-center">
|
|
1643
2388
|
|
|
1644
|
-
<div class="uk-navbar-center-right"><div>
|
|
1645
2389
|
<ul class="uk-navbar-nav">
|
|
1646
2390
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1647
2391
|
<li>
|
|
@@ -1649,7 +2393,7 @@
|
|
|
1649
2393
|
<div class="uk-navbar-dropdown">
|
|
1650
2394
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1651
2395
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1652
|
-
|
|
2396
|
+
<li class="uk-parent">
|
|
1653
2397
|
<a href="#">Parent</a>
|
|
1654
2398
|
<ul class="uk-nav-sub">
|
|
1655
2399
|
<li><a href="#">Sub item</a></li>
|
|
@@ -1672,49 +2416,124 @@
|
|
|
1672
2416
|
<div class="uk-navbar-item">
|
|
1673
2417
|
<div>Some <a href="#">Link</a></div>
|
|
1674
2418
|
</div>
|
|
1675
|
-
</div></div>
|
|
1676
2419
|
|
|
2420
|
+
</div>
|
|
2421
|
+
<div class="uk-navbar-right">
|
|
2422
|
+
|
|
2423
|
+
<ul class="uk-navbar-nav">
|
|
2424
|
+
<li>
|
|
2425
|
+
<a href="#">Right</a>
|
|
2426
|
+
<div class="uk-navbar-dropdown">
|
|
2427
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2428
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2429
|
+
<li class="uk-parent">
|
|
2430
|
+
<a href="#">Parent</a>
|
|
2431
|
+
<ul class="uk-nav-sub">
|
|
2432
|
+
<li><a href="#">Sub item</a></li>
|
|
2433
|
+
<li><a href="#">Sub item</a></li>
|
|
2434
|
+
</ul>
|
|
2435
|
+
</li>
|
|
2436
|
+
<li class="uk-nav-header">Header</li>
|
|
2437
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2438
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2439
|
+
<li class="uk-nav-divider"></li>
|
|
2440
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2441
|
+
</ul>
|
|
2442
|
+
</div>
|
|
2443
|
+
</li>
|
|
2444
|
+
</ul>
|
|
2445
|
+
|
|
2446
|
+
</div>
|
|
1677
2447
|
</div>
|
|
1678
|
-
</
|
|
2448
|
+
</div>
|
|
2449
|
+
</nav>
|
|
2450
|
+
|
|
2451
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2452
|
+
<div class="uk-container">
|
|
2453
|
+
<div uk-navbar>
|
|
2454
|
+
<div class="uk-navbar-center">
|
|
1679
2455
|
|
|
1680
|
-
|
|
1681
|
-
|
|
2456
|
+
<div class="uk-navbar-center-left">
|
|
2457
|
+
<ul class="uk-navbar-nav">
|
|
2458
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2459
|
+
<li>
|
|
2460
|
+
<a href="#">Parent</a>
|
|
2461
|
+
<div class="uk-navbar-dropdown">
|
|
2462
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2463
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2464
|
+
<li class="uk-parent">
|
|
2465
|
+
<a href="#">Parent</a>
|
|
2466
|
+
<ul class="uk-nav-sub">
|
|
2467
|
+
<li><a href="#">Sub item</a></li>
|
|
2468
|
+
<li><a href="#">Sub item</a></li>
|
|
2469
|
+
</ul>
|
|
2470
|
+
</li>
|
|
2471
|
+
<li class="uk-nav-header">Header</li>
|
|
2472
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2473
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2474
|
+
<li class="uk-nav-divider"></li>
|
|
2475
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2476
|
+
</ul>
|
|
2477
|
+
</div>
|
|
2478
|
+
</li>
|
|
2479
|
+
<li>
|
|
2480
|
+
<a href="#">Content</a>
|
|
2481
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
2482
|
+
</li>
|
|
2483
|
+
</ul>
|
|
2484
|
+
</div>
|
|
1682
2485
|
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
<
|
|
1687
|
-
<
|
|
1688
|
-
<
|
|
1689
|
-
|
|
1690
|
-
<
|
|
1691
|
-
|
|
1692
|
-
<li
|
|
1693
|
-
|
|
2486
|
+
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
2487
|
+
|
|
2488
|
+
<div class="uk-navbar-center-right">
|
|
2489
|
+
<ul class="uk-navbar-nav">
|
|
2490
|
+
<li>
|
|
2491
|
+
<a href="#">Parent</a>
|
|
2492
|
+
<div class="uk-navbar-dropdown">
|
|
2493
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2494
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2495
|
+
<li class="uk-parent">
|
|
2496
|
+
<a href="#">Parent</a>
|
|
2497
|
+
<ul class="uk-nav-sub">
|
|
2498
|
+
<li><a href="#">Sub item</a></li>
|
|
2499
|
+
<li><a href="#">Sub item</a></li>
|
|
2500
|
+
</ul>
|
|
2501
|
+
</li>
|
|
2502
|
+
<li class="uk-nav-header">Header</li>
|
|
2503
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2504
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2505
|
+
<li class="uk-nav-divider"></li>
|
|
2506
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1694
2507
|
</ul>
|
|
1695
|
-
</
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
<
|
|
1699
|
-
<
|
|
1700
|
-
|
|
1701
|
-
|
|
2508
|
+
</div>
|
|
2509
|
+
</li>
|
|
2510
|
+
<li>
|
|
2511
|
+
<a href="#">Content</a>
|
|
2512
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
2513
|
+
</li>
|
|
2514
|
+
</ul>
|
|
2515
|
+
<div class="uk-navbar-item">
|
|
2516
|
+
<div>Some <a href="#">Link</a></div>
|
|
1702
2517
|
</div>
|
|
1703
|
-
</
|
|
1704
|
-
</ul>
|
|
2518
|
+
</div>
|
|
1705
2519
|
|
|
2520
|
+
</div>
|
|
1706
2521
|
</div>
|
|
1707
|
-
|
|
2522
|
+
</div>
|
|
2523
|
+
</nav>
|
|
2524
|
+
|
|
2525
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2526
|
+
<div class="uk-container">
|
|
2527
|
+
<div uk-navbar>
|
|
2528
|
+
<div class="uk-navbar-left">
|
|
1708
2529
|
|
|
1709
|
-
<div class="uk-navbar-center-left"><div>
|
|
1710
2530
|
<ul class="uk-navbar-nav">
|
|
1711
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1712
2531
|
<li>
|
|
1713
|
-
<a href="#">
|
|
2532
|
+
<a href="#">Left</a>
|
|
1714
2533
|
<div class="uk-navbar-dropdown">
|
|
1715
2534
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1716
2535
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1717
|
-
|
|
2536
|
+
<li class="uk-parent">
|
|
1718
2537
|
<a href="#">Parent</a>
|
|
1719
2538
|
<ul class="uk-nav-sub">
|
|
1720
2539
|
<li><a href="#">Sub item</a></li>
|
|
@@ -1729,24 +2548,85 @@
|
|
|
1729
2548
|
</ul>
|
|
1730
2549
|
</div>
|
|
1731
2550
|
</li>
|
|
1732
|
-
<li>
|
|
1733
|
-
<a href="#">Content</a>
|
|
1734
|
-
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1735
|
-
</li>
|
|
1736
2551
|
</ul>
|
|
1737
|
-
</div></div>
|
|
1738
2552
|
|
|
1739
|
-
|
|
2553
|
+
</div>
|
|
2554
|
+
<div class="uk-navbar-center">
|
|
2555
|
+
|
|
2556
|
+
<div class="uk-navbar-center-left">
|
|
2557
|
+
<ul class="uk-navbar-nav">
|
|
2558
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2559
|
+
<li>
|
|
2560
|
+
<a href="#">Parent</a>
|
|
2561
|
+
<div class="uk-navbar-dropdown">
|
|
2562
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2563
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2564
|
+
<li class="uk-parent">
|
|
2565
|
+
<a href="#">Parent</a>
|
|
2566
|
+
<ul class="uk-nav-sub">
|
|
2567
|
+
<li><a href="#">Sub item</a></li>
|
|
2568
|
+
<li><a href="#">Sub item</a></li>
|
|
2569
|
+
</ul>
|
|
2570
|
+
</li>
|
|
2571
|
+
<li class="uk-nav-header">Header</li>
|
|
2572
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2573
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2574
|
+
<li class="uk-nav-divider"></li>
|
|
2575
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2576
|
+
</ul>
|
|
2577
|
+
</div>
|
|
2578
|
+
</li>
|
|
2579
|
+
<li>
|
|
2580
|
+
<a href="#">Content</a>
|
|
2581
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
2582
|
+
</li>
|
|
2583
|
+
</ul>
|
|
2584
|
+
</div>
|
|
2585
|
+
|
|
2586
|
+
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
2587
|
+
|
|
2588
|
+
<div class="uk-navbar-center-right">
|
|
2589
|
+
<ul class="uk-navbar-nav">
|
|
2590
|
+
<li>
|
|
2591
|
+
<a href="#">Parent</a>
|
|
2592
|
+
<div class="uk-navbar-dropdown">
|
|
2593
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2594
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
2595
|
+
<li class="uk-parent">
|
|
2596
|
+
<a href="#">Parent</a>
|
|
2597
|
+
<ul class="uk-nav-sub">
|
|
2598
|
+
<li><a href="#">Sub item</a></li>
|
|
2599
|
+
<li><a href="#">Sub item</a></li>
|
|
2600
|
+
</ul>
|
|
2601
|
+
</li>
|
|
2602
|
+
<li class="uk-nav-header">Header</li>
|
|
2603
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
2604
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
2605
|
+
<li class="uk-nav-divider"></li>
|
|
2606
|
+
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
2607
|
+
</ul>
|
|
2608
|
+
</div>
|
|
2609
|
+
</li>
|
|
2610
|
+
<li>
|
|
2611
|
+
<a href="#">Content</a>
|
|
2612
|
+
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
2613
|
+
</li>
|
|
2614
|
+
</ul>
|
|
2615
|
+
<div class="uk-navbar-item">
|
|
2616
|
+
<div>Some <a href="#">Link</a></div>
|
|
2617
|
+
</div>
|
|
2618
|
+
</div>
|
|
2619
|
+
|
|
2620
|
+
</div>
|
|
2621
|
+
<div class="uk-navbar-right">
|
|
1740
2622
|
|
|
1741
|
-
<div class="uk-navbar-center-right"><div>
|
|
1742
2623
|
<ul class="uk-navbar-nav">
|
|
1743
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1744
2624
|
<li>
|
|
1745
|
-
<a href="#">
|
|
2625
|
+
<a href="#">Right</a>
|
|
1746
2626
|
<div class="uk-navbar-dropdown">
|
|
1747
2627
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1748
2628
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1749
|
-
|
|
2629
|
+
<li class="uk-parent">
|
|
1750
2630
|
<a href="#">Parent</a>
|
|
1751
2631
|
<ul class="uk-nav-sub">
|
|
1752
2632
|
<li><a href="#">Sub item</a></li>
|
|
@@ -1761,48 +2641,21 @@
|
|
|
1761
2641
|
</ul>
|
|
1762
2642
|
</div>
|
|
1763
2643
|
</li>
|
|
1764
|
-
<li>
|
|
1765
|
-
<a href="#">Content</a>
|
|
1766
|
-
<div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
1767
|
-
</li>
|
|
1768
2644
|
</ul>
|
|
1769
|
-
<div class="uk-navbar-item">
|
|
1770
|
-
<div>Some <a href="#">Link</a></div>
|
|
1771
|
-
</div>
|
|
1772
|
-
</div></div>
|
|
1773
2645
|
|
|
2646
|
+
</div>
|
|
1774
2647
|
</div>
|
|
1775
|
-
|
|
2648
|
+
</div>
|
|
2649
|
+
</nav>
|
|
1776
2650
|
|
|
1777
|
-
|
|
1778
|
-
<li>
|
|
1779
|
-
<a href="#">Right</a>
|
|
1780
|
-
<div class="uk-navbar-dropdown">
|
|
1781
|
-
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1782
|
-
<li class="uk-active"><a href="#">Active</a></li>
|
|
1783
|
-
<li class="uk-parent">
|
|
1784
|
-
<a href="#">Parent</a>
|
|
1785
|
-
<ul class="uk-nav-sub">
|
|
1786
|
-
<li><a href="#">Sub item</a></li>
|
|
1787
|
-
<li><a href="#">Sub item</a></li>
|
|
1788
|
-
</ul>
|
|
1789
|
-
</li>
|
|
1790
|
-
<li class="uk-nav-header">Header</li>
|
|
1791
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
|
|
1792
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
|
|
1793
|
-
<li class="uk-nav-divider"></li>
|
|
1794
|
-
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
|
|
1795
|
-
</ul>
|
|
1796
|
-
</div>
|
|
1797
|
-
</li>
|
|
1798
|
-
</ul>
|
|
2651
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1799
2652
|
|
|
1800
|
-
|
|
1801
|
-
</nav>
|
|
2653
|
+
<h2>Stretch</h2>
|
|
1802
2654
|
|
|
1803
|
-
|
|
2655
|
+
</div>
|
|
1804
2656
|
|
|
1805
|
-
|
|
2657
|
+
<nav class="uk-navbar-container uk-margin">
|
|
2658
|
+
<div class="uk-container">
|
|
1806
2659
|
<div class="uk-navbar-justify" uk-navbar>
|
|
1807
2660
|
<div class="uk-navbar-left">
|
|
1808
2661
|
|
|
@@ -1813,29 +2666,29 @@
|
|
|
1813
2666
|
<li><a href="#">Parent</a></li>
|
|
1814
2667
|
<li><a href="#">Item</a></li>
|
|
1815
2668
|
<li><a href="#">Item</a></li>
|
|
1816
|
-
</ul>
|
|
1817
|
-
|
|
1818
|
-
</div>
|
|
1819
|
-
<div class="uk-navbar-right">
|
|
1820
|
-
|
|
1821
|
-
<ul class="uk-navbar-nav">
|
|
1822
2669
|
<li><a href="#">Item</a></li>
|
|
1823
2670
|
</ul>
|
|
1824
2671
|
|
|
1825
2672
|
<div class="uk-navbar-item">
|
|
1826
|
-
<ul class="uk-
|
|
2673
|
+
<ul class="uk-iconnav">
|
|
2674
|
+
<li>
|
|
2675
|
+
<a href="#" uk-icon="icon: user"></a>
|
|
2676
|
+
</li>
|
|
1827
2677
|
<li>
|
|
1828
|
-
<a
|
|
2678
|
+
<a href="#" uk-icon="icon: bag"></a>
|
|
1829
2679
|
</li>
|
|
1830
2680
|
<li>
|
|
1831
|
-
<a
|
|
2681
|
+
<a href="#" uk-icon="icon: heart"></a>
|
|
1832
2682
|
</li>
|
|
1833
2683
|
</ul>
|
|
1834
2684
|
</div>
|
|
1835
2685
|
|
|
1836
2686
|
</div>
|
|
1837
2687
|
</div>
|
|
1838
|
-
</
|
|
2688
|
+
</div>
|
|
2689
|
+
</nav>
|
|
2690
|
+
|
|
2691
|
+
<div class="uk-container uk-margin-medium-top">
|
|
1839
2692
|
|
|
1840
2693
|
<h2>Layouts</h2>
|
|
1841
2694
|
|
|
@@ -1935,25 +2788,25 @@
|
|
|
1935
2788
|
</ul>
|
|
1936
2789
|
</div>
|
|
1937
2790
|
</li>
|
|
1938
|
-
<li><a href="#">
|
|
2791
|
+
<li><a href="#">sdaf asdf </a></li>
|
|
1939
2792
|
</ul>
|
|
1940
2793
|
|
|
1941
2794
|
<div class="uk-navbar-item">
|
|
1942
|
-
<ul class="uk-
|
|
2795
|
+
<ul class="uk-iconnav">
|
|
1943
2796
|
<li>
|
|
1944
|
-
<a
|
|
2797
|
+
<a href="#" uk-icon="icon: user"></a>
|
|
1945
2798
|
</li>
|
|
1946
2799
|
<li>
|
|
1947
|
-
<a
|
|
2800
|
+
<a href="#" uk-icon="icon: bag"></a>
|
|
1948
2801
|
</li>
|
|
1949
2802
|
<li>
|
|
1950
|
-
<a
|
|
2803
|
+
<a href="#" uk-icon="icon: heart"></a>
|
|
1951
2804
|
</li>
|
|
1952
2805
|
</ul>
|
|
1953
2806
|
</div>
|
|
1954
2807
|
|
|
1955
2808
|
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
1956
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown;
|
|
2809
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
1957
2810
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1958
2811
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1959
2812
|
<li class="uk-parent">
|
|
@@ -2016,7 +2869,7 @@
|
|
|
2016
2869
|
<div class="uk-navbar-right">
|
|
2017
2870
|
|
|
2018
2871
|
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
2019
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown;
|
|
2872
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
2020
2873
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2021
2874
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
2022
2875
|
<li class="uk-parent">
|
|
@@ -2137,11 +2990,11 @@
|
|
|
2137
2990
|
</ul>
|
|
2138
2991
|
</div>
|
|
2139
2992
|
</li>
|
|
2140
|
-
<li><a href="#">
|
|
2993
|
+
<li><a href="#">asdf</a></li>
|
|
2141
2994
|
</ul>
|
|
2142
2995
|
|
|
2143
2996
|
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
2144
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown;
|
|
2997
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
2145
2998
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2146
2999
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
2147
3000
|
<li class="uk-parent">
|
|
@@ -2204,7 +3057,7 @@
|
|
|
2204
3057
|
<div class="uk-navbar-right">
|
|
2205
3058
|
|
|
2206
3059
|
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
2207
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown;
|
|
3060
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
2208
3061
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
2209
3062
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
2210
3063
|
<li class="uk-parent">
|
|
@@ -2227,7 +3080,7 @@
|
|
|
2227
3080
|
</div>
|
|
2228
3081
|
</nav>
|
|
2229
3082
|
|
|
2230
|
-
<div class="uk-container">
|
|
3083
|
+
<div class="uk-container uk-margin-medium-top">
|
|
2231
3084
|
|
|
2232
3085
|
<h2>JavaScript Options</h2>
|
|
2233
3086
|
|
|
@@ -2252,7 +3105,7 @@
|
|
|
2252
3105
|
<td><code>mode</code></td>
|
|
2253
3106
|
<td>hover | click</td>
|
|
2254
3107
|
<td>click,hover</td>
|
|
2255
|
-
<td>Comma
|
|
3108
|
+
<td>Comma-separated list of dropdown trigger behavior modes.</td>
|
|
2256
3109
|
</tr>
|
|
2257
3110
|
<tr>
|
|
2258
3111
|
<td><code>delay-show</code></td>
|
|
@@ -2268,15 +3121,27 @@
|
|
|
2268
3121
|
</tr>
|
|
2269
3122
|
<tr>
|
|
2270
3123
|
<td><code>boundary</code></td>
|
|
2271
|
-
<td>CSS selector</td>
|
|
3124
|
+
<td>Boolean, CSS selector</td>
|
|
2272
3125
|
<td>true</td>
|
|
2273
3126
|
<td>Referenced element to keep Drop's visibility. By default, it's the navbar component's element.</td>
|
|
2274
3127
|
</tr>
|
|
2275
3128
|
<tr>
|
|
2276
|
-
<td><code>
|
|
2277
|
-
<td>Boolean</td>
|
|
3129
|
+
<td><code>target</code></td>
|
|
3130
|
+
<td>Boolean, CSS selector</td>
|
|
2278
3131
|
<td>false</td>
|
|
2279
|
-
<td>
|
|
3132
|
+
<td>The element the drops are positioned to (`true` for window).</td>
|
|
3133
|
+
</tr>
|
|
3134
|
+
<tr>
|
|
3135
|
+
<td><code>target-x</code></td>
|
|
3136
|
+
<td>Boolean, CSS selector</td>
|
|
3137
|
+
<td>false</td>
|
|
3138
|
+
<td>The element's X axis the drops are positioned to (`true` for window).</td>
|
|
3139
|
+
</tr>
|
|
3140
|
+
<tr>
|
|
3141
|
+
<td><code>target-y</code></td>
|
|
3142
|
+
<td>Boolean, CSS selector</td>
|
|
3143
|
+
<td>false</td>
|
|
3144
|
+
<td>The element's Y axis the drop are positioned to (`true` for window).</td>
|
|
2280
3145
|
</tr>
|
|
2281
3146
|
<tr>
|
|
2282
3147
|
<td><code>cls-drop</code></td>
|
|
@@ -2325,24 +3190,30 @@
|
|
|
2325
3190
|
|
|
2326
3191
|
<script>
|
|
2327
3192
|
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
3193
|
+
const {$, addClass, on, removeClass, MouseTracker } = UIkit.util;
|
|
3194
|
+
const tracker = MouseTracker();
|
|
3195
|
+
const el = $('#js-mousetracker');
|
|
3196
|
+
const target = $('#js-mousetarget');
|
|
3197
|
+
let interval;
|
|
2333
3198
|
|
|
2334
|
-
|
|
3199
|
+
on(el, 'mouseenter', () => {
|
|
2335
3200
|
tracker.init();
|
|
2336
|
-
interval = setInterval(
|
|
2337
|
-
target.textContent = tracker.movesTo(target.parentNode) ? 'Moves to' : 'Does not move to';
|
|
2338
|
-
});
|
|
3201
|
+
interval = setInterval(() => target.textContent = tracker.movesTo(target.parentNode) ? 'Moves to' : 'Does not move to');
|
|
2339
3202
|
});
|
|
2340
3203
|
|
|
2341
|
-
|
|
3204
|
+
on(el, 'mouseleave', () => {
|
|
2342
3205
|
tracker.cancel();
|
|
2343
3206
|
clearInterval(interval);
|
|
2344
3207
|
});
|
|
2345
3208
|
|
|
3209
|
+
on('#js-size-switcher', 'change', (e) => {
|
|
3210
|
+
const options = $$('option', e.target).map(({value}) => value);
|
|
3211
|
+
for (const el of $$('.uk-navbar-dropdown')) {
|
|
3212
|
+
removeClass(el, options);
|
|
3213
|
+
addClass(el, e.target.value);
|
|
3214
|
+
}
|
|
3215
|
+
});
|
|
3216
|
+
|
|
2346
3217
|
</script>
|
|
2347
3218
|
|
|
2348
3219
|
</body>
|