עזרה | bootstrap | איך לשנות את הצבעים
-
איך אני משנה את הצבעים של bootstrap? לדוגמה שהצבע ה primary יהיה ירוק ולא כחול
ניסיתי להבין בדוקומנטיישן שלהם, אבל לא הבנתי...
אשמח לעזרה
@מוטי-אורןמוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
איך אני משנה את הצבעים של bootstrap? לדוגמה שהצבע ה primary יהיה ירוק ולא כחול
ניסיתי להבין בדוקומנטיישן שלהם, אבל לא הבנתי...
אשמח לעזרה
@מוטי-אורן@איציק-דייטש תשתמש ב פונקציית map המובנית של SASS, ותאתחל את המשתנים
$primary,$successוכו' בהתאמה לצבעים שאתה רוצה.פה זה מוסבר בפירוט. https://getbootstrap.com/docs/4.0/getting-started/theming
בקצרה, תיצור קובץ SASS עם הפונקצייה שקובעת את ערכי הצבעים, ותייבא אותו לפרוייקט שלך.
אני ממליץ על האתר https://coolors.co לבחירה של פלטת צבעים. כמו כן האתר https://yeun.github.io/open-color גם מאוד מוצלח.
-
@איציק-דייטש תשתמש ב פונקציית map המובנית של SASS, ותאתחל את המשתנים
$primary,$successוכו' בהתאמה לצבעים שאתה רוצה.פה זה מוסבר בפירוט. https://getbootstrap.com/docs/4.0/getting-started/theming
בקצרה, תיצור קובץ SASS עם הפונקצייה שקובעת את ערכי הצבעים, ותייבא אותו לפרוייקט שלך.
אני ממליץ על האתר https://coolors.co לבחירה של פלטת צבעים. כמו כן האתר https://yeun.github.io/open-color גם מאוד מוצלח.
@מוטי-אורן אמר בעזרה | bootstrap | איך לשנות את הצבעים:
ותייבא אותו לפרוייקט שלך.
אני בונה אפליקצית angular ואני עדיין באמצע הלימודים ואני לא כל כך יודע איך לייבא את זה
ואגב, הקישור שהבאת מסביר על bootstrap 3, זה אותו דבר?מוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
@מוטי-אורן אמר בעזרה | bootstrap | איך לשנות את הצבעים:
ותייבא אותו לפרוייקט שלך.
אני בונה אפליקצית angular ואני עדיין באמצע הלימודים ואני לא כל כך יודע איך לייבא את זה
ואגב, הקישור שהבאת מסביר על bootstrap 3, זה אותו דבר?@איציק-דייטש אמר בעזרה | bootstrap | איך לשנות את הצבעים:
אני בונה אפליקצית angular ואני עדיין באמצע הלימודים ואני לא כל כך יודע איך לייבא את זה
תנסה לקרוא במדריכים על SASS. יש כמובן את הדוקומנטציה הרשמית, ויש גם בבלוג אינטרנט ישראל פוסטים מעולים על SASS. תנסה לעבור על זה
ואגב, הקישור שהבאת מסביר על bootstrap 3, זה אותו דבר?
לכאורה כן, אין סיבה שלא.
-
א אלישי העביר נושא זה מ-HTML5 ב-
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}