Bootstrap – המדריך – פרק 9 – עבודה עם הודעות

25 בינואר 2016

לתוכן העניינים. בפרק הקודם למדנו אודות רשימות, היום נרצה ללמוד על הודעות שהספרייה נותנת לנו.   למעשה יש מחלקה פשוטה בשם alert שבעזרתה ניתן להציג הודעות למשתמש Code Snippet <div class="alert alert-success" role="alert"> Well done! You successfully read this important alert message. </div> <div class="alert alert-info" role="alert"> Well done! You successfully read this important alert message. </div> <div class="alert alert-warning" role="alert"> Well done! You successfully read this important alert message. </div> <div class="alert alert-danger" role="alert"> Well done! You successfully read this important alert message. </div>   התוצאה תהיה חביבה   במידה ונוסיף את הקוד הבא: Code Snippet <div class="alert alert-danger" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> Well done! You successfully read this important alert message. </div> נקבל לחצן X שלחיצה עליו תסגור את ההודעה.   אם נשים לינקים (אלמנטי...
אין תגובות

Bootstrap – המדריך – פרק 8 – עבודה עם רשימות

10 בינואר 2016

לתוכן העניינים בפרק הקודם למדנו על עטיפה בשם Well, בפרק זה נלמד מה הספרייה מספקת לנו כשנבוא להציג רשימות. שפת Html מאפשרת שלושה סוגי רשימות: UL – שהיא המוכרת ביותר, המציגה רשימת בלתי ממוספרת (כלומר עם בולטים וכדו’) OL – המציגה רשימה ממסופרת (מספרית או אחר). DL – המציגה רשימה של כותרת תוכן (בעזרת תגיות – dt, dd)   לספרייה יש מספר עזרים כשנרצה להציג רשימות, הפשוטה ביותר לשימוש היא המחלקה list-group על תגית ul, ומחלקת list-group-item על תגיות ה – li, מחלקות אלו ייתנו עיצוב נחמד לרשימה, הקוד ייראה כך: Code Snippet <ul class="list-group"> <li class="list-group-item">Shlomo Goldberg</li> <li class="list-group-item">Asher Mark <span class="badge">10</span></li> <li class="list-group-item">Tomer Kisar</li> <li class="list-group-item">Meir Choen</li> </ul> שימו לב שעל הדרך...
אין תגובות

Bootstrap – המדריך – פרק 7 – עבודה עם WELL

4 בינואר 2016

  לתוכן העניינים   בפרק הקודם למדנו על עבודה עם תמונות, היום נכיר את אחת מהעטיפות הנוחות של הספרייה לאלמנטים במסך. למעשה הוא הוא די פשוט, כל 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...
תגובה אחת