bootstrap navbar 1

[Bootstrap] ๋ถ€ํŠธ์ŠคํŠธ๋žฉ Navbar(๋ฉ”๋‰ด ๋ฐ”) ์‚ฌ์šฉ ์˜ˆ์ œ

๋ถ€ํŠธ์ŠคํŠธ๋žฉ Navbar ์„ค๋ช… ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ Navbar๋Š” ๋งŽ์€ ์›นํŽ˜์ด์ง€์˜ ํ™”๋ฉด ์ƒ๋‹จ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ฉ”๋‰ด ๋ฐ”์˜ ๊ธฐ๋ณธ ํ‹€์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์‚ฌ์ดํŠธ(https://getbootstrap.com/)์˜ Documentation ํƒญ์—์„œ Navbar๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋ฉด ์ž์„ธํ•œ ์„ค๋ช…๊ณผ ํ•จ๊ป˜ ์˜ˆ์‹œ ์ฝ”๋“œ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์‚ฌ์ดํŠธ์˜ Examples ํƒญ์— ์žˆ๋Š” Navbar fixed ์˜ˆ์ œ๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. Navbar์˜ Documentation์— ์žˆ๋Š” ๊ธฐ๋ณธ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ Navbar๊ฐ€ ๋งŒ๋“ค์–ด์ง‘๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ๋ณ€๊ฒฝํ•ด์•ผํ•  ์ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. 1. ํ™”๋ฉด์˜ ํฌ๊ธฐ๊ฐ€ medium ์ดํ•˜์ผ ๋•Œ toggle ๋ฒ„ํŠผ์ด ์ƒ๊ธฐ๋„๋ก ๋ณ€๊ฒฝ 2. Navbar์˜ ๋ฐฐ๊ฒฝ ์ƒ‰์„ dark๋กœ ๋ณ€๊ฒฝ 3. Navbar-brand์˜ ํ…์ŠคํŠธ ..

Client/Bootstrap 2020.06.11