11/14 42-3 [BS] Colors

색깔 입히기 !!!!

 

1.Text Colors     :  text - 색깔명

     <h2>Text Colors</h2>
        <p class="text-muted">This text is muted.</p>
        <p class="text-primary">This text is important.</p>
        <p class="text-success">This text indicates success.</p>
        <p class="text-info">This text represents some information.</p>
        <p class="text-warning">This text represents a warning.</p>
        <p class="text-danger">This text represents danger.</p>
        <p class="text-secondary">Secondary text.</p>
        <p class="text-dark">This text is dark grey.</p>
        <p class="text-body">Default body color (often black).</p>
        <p class="text-light bg-dark">This text is light grey (on white background).</p>
        <p class="text-white bg-dark">This text is white (on white background).</p>

 

2.Background Colors   :    bg-색깔명

    <h2>Background Colors</h2>
        <p class="bg-primary text-white">This text is important.</p>
        <p class="bg-success text-white">This text indicates success.</p>
        <p class="bg-info text-white">This text represents some information.</p>
        <p class="bg-warning text-white">This text represents a warning.</p>
        <p class="bg-danger text-white">This text represents danger.</p>
        <p class="bg-secondary text-white">Secondary background color.</p>
        <p class="bg-dark text-white">Dark grey background color.</p>
        <p class="bg-light">Light grey background color.</p>