Mark Otto
135b65ded4
text-align doesn't apply here, so we can nuke it
2016-12-22 14:58:40 -08:00
Mark Otto
be7a8c68f7
Redo controls in flexbox
...
- Drops the absolute positioning of the icons within the left/right controls. We have to keep the controls themselves positioned though since we're overlapping HTML elements here.
- No more position, left, right, or margins involved; just some justify-content and align-items.
- Add some comments for explaining which flex property-value pair does what.
- Remove the unapplied font and line-height stuff now that we're all SVGs and flexbox here.
2016-12-22 14:58:40 -08:00
Mark Otto
1706f494f0
flexbox powered indicators
...
This revamps the indicators to use flexbox instead of inline-block for added flexbility (hah). Indicators now automatically scale based on the number of elements present, and max out at the `$carousel-indicator-width` instead of always being that wide.
2016-12-22 14:58:40 -08:00
Mark Otto
d426c3c50e
start small--set flex instead of block for active items
2016-12-22 14:58:40 -08:00
Mark Otto
0ec049d222
grunt
2016-12-22 13:52:33 -08:00
Mark Otto
d86a1dbfd4
redo custom docs navbar
2016-12-22 13:48:07 -08:00
Mark Otto
bb97ae18f7
streamline example navbars by removing .hidden-* classes on togglers
2016-12-22 13:48:07 -08:00
Mark Otto
8231b188c3
remove .hidden-* classes from .navbar-toggler and make that part of the .navbar-toggleable-*
2016-12-22 13:48:07 -08:00
Mark Otto
c858af7932
couple more utils
2016-12-22 13:48:07 -08:00
Mark Otto
e37a57a34d
more example fixes
2016-12-22 13:48:07 -08:00
Mark Otto
b71f973bb5
more linting
2016-12-22 13:48:07 -08:00
Mark Otto
0698dfbed7
linting
2016-12-22 13:48:07 -08:00
Mark Otto
f041fb7373
migrate some notes on over here
2016-12-22 13:48:07 -08:00
Mark Otto
df566160e7
put new toggler markup to use
2016-12-22 13:48:07 -08:00
Mark Otto
8d9d84784a
Redo navbar-toggler
...
- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments
2016-12-22 13:48:07 -08:00
Mark Otto
80674b0c58
fixes #18115 : move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name)
2016-12-22 13:48:07 -08:00
Mark Otto
ecba56828d
fixes #18053 by removing container padding at lower breakpoints on responsive navbars
2016-12-22 13:48:07 -08:00
Mark Otto
0677b6b18c
even more utils for forms
2016-12-22 13:48:07 -08:00
Mark Otto
567a289137
more margin utils on forms
2016-12-22 13:48:07 -08:00
Mark Otto
4750c5a7b4
make sure all nav demos for the navbar are using toggleable-* classes for proper responsive styles
2016-12-22 13:48:07 -08:00
Mark Otto
67dc3b0702
dedupe ids
2016-12-22 13:48:07 -08:00
Mark Otto
6e61830633
update justified nav to use justified navbar; remove safari bug warning given flexbox implementation
2016-12-22 13:48:07 -08:00
Mark Otto
635c1ce06e
fix carousel navbar
2016-12-22 13:48:07 -08:00
Mark Otto
cfdc66a342
fix sticky footer example navbar
2016-12-22 13:48:07 -08:00
Mark Otto
802de24a4a
fix up navbar top and fixed top examples
2016-12-22 13:48:07 -08:00
Mark Otto
a6ce3aba5c
redo album navbar with new styles
2016-12-22 13:48:07 -08:00
Mark Otto
d236041748
make more examples responsive
2016-12-22 13:48:07 -08:00
Mark Otto
2ea7feb9cc
remove
2016-12-22 13:48:07 -08:00
Mark Otto
5c76cbea77
remove now unneeded collapse section
2016-12-22 13:48:07 -08:00
Mark Otto
562bcd9380
fix colors
2016-12-22 13:48:07 -08:00
Mark Otto
fd79471e8a
override pos-f-t in examples
2016-12-22 13:48:07 -08:00
Mark Otto
17dca54278
add responsive behaviors section
2016-12-22 13:48:07 -08:00
Mark Otto
93fabfa7a4
update responsive behavior in demo
2016-12-22 13:48:07 -08:00
Mark Otto
08e1582f2d
Fix vertical alignment a bit
2016-12-22 13:48:07 -08:00
Mark Otto
5432e7621c
move all nav link and collapse and container behaviors to the toggleable class generation area; this way the .navbar-toggleable-* goes on .navbar, easily affecting everything that needs updating for each breakpoint's use
2016-12-22 13:48:07 -08:00
Mark Otto
8a8719b75c
unique ids
2016-12-22 13:48:07 -08:00
Mark Otto
7c7bd17f0f
rearrange examples, go center nav only instead of trying to hack centered with siblings
2016-12-22 13:48:07 -08:00
Mark Otto
73da266009
move flex to navbar container only; otherwise it affects things negatively elsewhere
2016-12-22 13:48:07 -08:00
Mark Otto
135bd0283d
containers should flex
2016-12-22 13:48:07 -08:00
Mark Otto
96346f0b44
flexbox shiz
2016-12-22 13:48:07 -08:00
Mark Otto
60234f023b
nuke
2016-12-22 13:48:07 -08:00
Mark Otto
9c423b5c6d
move and consolidate navbar examples, fix em up
2016-12-22 13:48:07 -08:00
Mark Otto
b98ef3bfd0
no need for a clearfix given no more floats
2016-12-22 13:48:07 -08:00
Mark Otto
350f8a20c9
move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better
2016-12-22 13:48:07 -08:00
Mark Otto
50c76fd841
make supported content example responsive
2016-12-22 13:48:07 -08:00
Mark Otto
be1a316320
no more .navbar-full
2016-12-22 13:48:07 -08:00
Mark Otto
c7be14d66b
no need for this; we have max-width 100% on them now
2016-12-22 13:48:07 -08:00
Mark Otto
530b9bcba4
more navbar docs changes
2016-12-22 13:48:07 -08:00
Mark Otto
c92e9c0090
cleanup navbar docs for flex changes
2016-12-22 13:48:07 -08:00
Mark Otto
bc1afa093a
remove .navbar-container; just need .navbar now
2016-12-22 13:48:07 -08:00
