Bootstrap? ?????? ???? ??? ???? ????? ?????????

Bootstrap? ??? ???? ??? ?????? ???? ????? ???? ??? ???? ???? ?? ???? ? ????. ????? ???? ??? ??? ????.

1. ?? : Bootstrap? h1 ?? h6 ??? ?? ??? ?????. ???? ????? ??? ??? ????? ???? ???? ??? ??? ?????? ?? ??? .h1 ~ .h6 ? ??? ? ????.

    <code class="html"><h1>Heading 1</h1> <p class="h2">Styled as Heading 2</p></code>

2. ????? ?? : ? ?? ??? ??? ?? .display-1 ?? .display-6 ???? ??????.

    <code class="html"><h1 class="display-1">Display Heading 1</h1></code>

3. ?? ??? : ??? ??????? .lead ???? ??????.

    <code class="html"><p class="lead">This is lead text.</p></code>

4. ??? ??? ?? : .text-muted , .text-primary , .text-success ? ?? ???? ???? ??? ??? ????? ?????.

    <code class="html"><p class="text-muted">This text is muted.</p></code>

5. ??? ???? : ?? ????? .text-decoration-underline , .text-decoration-line-through ? .text-start , .text-center , .text-end ? ?? ?? ???? ?? ??? ????? ??? ????? ???? ????.

6. ?? ?? ? ???? : .fw-bold , .fw-normal , .fst-italic ???? ?? ??? ???? ??? ? ????.

    <code class="html"><p class="fw-bold">Bold text</p> <p class="fst-italic">Italic text</p></code>

? ???? ???? ??? CS? ???? ??? ??? ??? ??? ?????? ??? ?? ??? ?? ? ? ????.

?? ??? ??? ?????? ?? ?? ??? ???? ??????

?? ???? ?? ??? ??? ?????? ?? ???? ?????.

1. ?? ?? : Bootstrap? ?? ??? ?? .fs-1 ?? .fs-6 ???? fs-1 ? ?? ?? fs-6 ?? ?? ? ??? ??? ?? ????.

    <code class="html"><p class="fs-1">Large Text</p> <p class="fs-6">Small Text</p></code>

2. ?? ?? : ?? ??? ??, ?? ????? .fw-lighter ?? .fw-bolder ??? ???? .fw-normal , .fw-bold ? .fw-semibold ?????.

    <code class="html"><p class="fw-lighter">Lighter Text</p> <p class="fw-bold">Bold Text</p></code>

? ???? ???? ??? ??? ?? ??? ??? ?? ??? ? ????.

?? ???? ??? ?? ???? ????? ????? ?????????

Bootstrap? ??? ?? ???? ???? ??? ?? ??? ??? ??? ????? ?? ? ? ????. ?? ??? ??? ????.

1. ?? ?? : .text-start , .text-center ? .text-end ???? ???? ?? ??, ?? ? ???? ? ?? ?.

    <code class="html"><p class="text-start">Left aligned text on all viewport sizes.</p> <p class="text-center">Center aligned text on all viewport sizes.</p> <p class="text-end">Right aligned text on all viewport sizes.</p></code>

2. ?? ? ?? : Bootstrap? ??? ??? ?? ??? ??? ??? ?? ? ???? ?????.

   • .text-sm-start , .text-md-start , .text-lg-start , .text-xl-start ? ?? ??? ?? .text-xxl-start .
   • .text-sm-center , .text-md-center , .text-lg-center , .text-xl-center ? .text-xxl-center for center ??.
   • .text-sm-end , .text-md-end , .text-lg-end , .text-xl-end ? ??? ??? ?? .text-xxl-end .

   ?? ??:

    <code class="html"><p class="text-sm-start text-md-center text-lg-end"> This text will be left-aligned on small devices, center-aligned on medium devices, and right-aligned on large devices. </p></code>

? ???? ???? ?? ??? ?? ??? ?? ???? ???? ?? ? ? ????.

?? ? ??? ???? ?? ? ?? ?? ??? ?????? ???? ????????

?? ???? ???? ?? ? ??? ???? ???? ??? ?? ??? ???? ???? ??? ? ????. ??? ? ?? ?? ??????.

1. ?? ?? ?? : .fs-1 ?? .fs-6 ? ?? ?? ???? ?? ?? ???? ?? ?? ???? ??????? ??? ? ??? ???? ??? ?? CSS ??? ??? ??? ? ????.
2. ?? ? ????? ?? : .display-1 ?? .display-6 ???? ?? ???? ????? ??? ?? ??? ?? ?????.
3. ?? ??? ?? : ??? ?? ? ?? ? ?? ??? (? : .text-sm-start , .text-md-center )? ???? ??? ??? ???? ??? ??? ??????.
4. ?? ? ??? ?? ? ???? : .text-wrap ?? .text-nowrap ???? ??? ??? ???? .text-truncate ???? ??? ??? ?????.
5. ?? ? ??? ?? ? ?? : ?? ?? ??? ?? .text-primary .text-decoration-underline ? ?? ???? ?? Bootstrap? ???? ???? ?? ?? ???? ???? ???? ????? ??? ?? ??? ??? ???? ??? ?? ? ? ????.

??? ??? ??? ??? ????.

 <code class="html"><p class="fs-3 text-sm-start text-md-center text-lg-end text-primary"> This text uses responsive font size, alignment, and color. </p></code>

??? ???? ???? ??? ?? ? ?? ???? ???? ?? ? ?? ????? ????? ??? ? ????.

? ??? Bootstrap? ?????? ???? ??? ???? ????? ?????????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!