לתוכן העניינים

     

    בפרק הקודם למדנו על עבודה עם תמונות, היום נכיר את אחת מהעטיפות הנוחות של הספרייה לאלמנטים במסך.

    למעשה הוא הוא די פשוט, כל div שתתנו לו את המחלקה well יקבל צבע רקע אפור שמתחלף בהדרגה לאפור בהיר יותר, האלמנט הזה נותן הרגשה מאוד נעימה לעין, ומאפשר לתת רקע יפה לאלמנטים שונים, כמו לטפסים וכד’,

    ישנם שלושה סוגי well.

    • well – רגיל ייתן עטיפה של הצבע.
    • well well-lg – כנ”ל אך נותן יותר רווח בשוליים.
    • well well-sm – כנ”ל אך נותן רווח מצומצם יותר בשוליים

     

    דוגמת קוד:

    Code Snippet
    <div class="well">
        Bla bla bla bla bla bla bla <br />
        <div class="text-success">
            Bla bla bla bla bla bla bla <br />
            Bla bla bla bla bla bla bla <br />
            Bla bla bla bla bla bla bla <br />
        </div>

        <div class="text-danger">
            Bla bla bla bla bla bla bla <br />
            Bla bla bla bla bla bla bla <br />
            Bla bla bla bla bla bla bla <br />
            Bla bla bla bla bla bla bla <br />
            Bla bla bla bla bla bla bla <br />
        </div>
    </div>

     

    שימו לב שעל הדרך אנחנו רואים שני מחלקות נוספים:

    • text-success – שנותן צבע ירקרק לטקסט
    • text-danger – שנותן צבע אדום לטקסט

     

    image

     

    בפרק הבא נלמד על רשימות