๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ–ฅ๏ธ ํ”„๋ก ํŠธ์—”๋“œ/HTML&CSS

[๋ถ€ํŠธ์ŠคํŠธ๋žฉ] ํ™”๋ฉด ์‰ฝ๊ฒŒ ๊พธ๋ฏธ๊ธฐ

by OR15A 2024. 1. 5.
๋ถ€ํŠธ์ŠคํŠธ๋žฉ ํ™ˆํŽ˜์ด์ง€์—์„œ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ ์ฐพ๊ธฐ

https://getbootstrap.kr/docs/5.3/components/buttons/

 

๋ฒ„ํŠผ

๋‹ค์–‘ํ•œ ํฌ๊ธฐ, ์ƒํƒœ ๋“ฑ์„ ์ง€์›ํ•˜๋Š” ํผ, ๋Œ€ํ™”์ƒ์ž ๋“ฑ์˜ ์ž‘์—…์— Bootstrap์˜ ์‚ฌ์šฉ์ž ์ง€์ • ๋ฒ„ํŠผ ์Šคํƒ€์ผ์„ ์‚ฌ์šฉํ•˜์„ธ์š”.

getbootstrap.kr

์›ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ฐพ๊ณ  ํƒœ๊ทธ๋‚˜ ํด๋ž˜์Šค๋ฅผ ๋ณต์‚ฌํ•ด์™€์„œ ์‚ฌ์šฉํ•˜๋ฉด๋จ

 

 

HTMLํƒœ๊ทธ์— ์ ์ ˆํžˆ class๋ฅผ ์ถ”๊ฐ€ํ•ด์„œ ๊พธ๋ฏธ๊ธฐ
  • ์›ํ•˜๋Š” ํŽ˜์ด์ง€ ๋ฏธ๋ฆฌ ๊ตฌ์ƒํ•˜๊ธฐ

์›ํ•˜๋Š” ํŽ˜์ด์ง€ ๋ฏธ๋ฆฌ ๊ตฌ์ƒ

  • ๋ ˆ์ด์•„์›ƒ์„ ์žก๊ณ  ๊ฐ ํƒœ๊ทธ์— ๋ถ€ํŠธ์ŠคํŠธ๋žฉ class๋ฅผ ์ถ”๊ฐ€ํ•œ๋‹ค

๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์ ์šฉํ•œ ๊ธฐ์ดˆ ํ™”๋ฉด

  • ํƒ€์ž„๋ฆฌํ”„ ํƒœ๊ทธ๋ฅผ ์ ์šฉํ•ด์„œ ํ”„๋กœ์ ํŠธ์™€ ์—ฐ๊ฒฐํ•ด์„œ ์‚ฌ์šฉํ•˜๊ณ  ์ดํ›„ ๋‹ค๋“ฌ์–ด์„œ ์‚ฌ์šฉํ•˜๋ฉด ๋จ

 

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€

'๐Ÿ–ฅ๏ธ ํ”„๋ก ํŠธ์—”๋“œ > HTML&CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[CSS] ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ์ปค์„œ ๊นœ๋นก์ž„ ์—†์• ๊ธฐ  (0) 2023.12.09
[๋ถ€ํŠธ์ŠคํŠธ๋žฉ] ์บ๋Ÿฌ์…€ ์ ์šฉ, ์Šคํƒ€์ผ ๋ฎ๊ธฐ, rem ๋‹จ์œ„,  (0) 2023.11.22
HTML5 ์˜๋ฏธ๋ก ์  ํƒœ๊ทธ  (0) 2023.11.22
<div> ํƒœ๊ทธ์™€ <section> ํƒœ๊ทธ  (2) 2023.11.22

๊ด€๋ จ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”