HomeОбразованиеRelated VideosMore From: Elzero Web School

[ Twitter Bootstrap 3 In Arabic ] #06 - Grid System Hidden / Visible

435 ratings | 28687 views
شرح كلاسات الاظهار و الاخفاء
Html code for embedding videos on your blog
Text Comments (63)
Wywy Adel (2 months ago)
For those who find difficulty in tracking the course and using BootStarp 4 this link on Stack Overflow would help. https://stackoverflow.com/questions/35351353/missing-visible-and-hidden-in-bootstrap-v4
yassir otmani (2 months ago)
for all who have problems with hidden class .. go check this out http://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements
Lubna Nine (3 months ago)
احلى شي الملاحظات وملخص الدرس الي تعمله مشكوررر استاذنا
Shaima Ahmed (3 months ago)
مفيش حاجه بتختفي ولا حاجه بتظهر
Windmill Code (4 months ago)
للفائدة : الاصدار الرابع الغى كلاسات visibile , hidden https://getbootstrap.com/docs/4.1/migration/#responsive-utilities
Click News (5 months ago)
اخفاء العنصر فى الاصدار الجديد كدة d-xs-none اسم الشاشة فى النص
Nihad Talal (5 months ago)
تحديث الجديد لل bootstrap تكتب d-none d-lg-block
Ahmed Ali (1 month ago)
thanks, it's working with your way
Omar El-Nemr (6 months ago)
الخلاصة : لاخفاء العنصر او اظهاره عند شاشة معينة hidden-(نوع الشاشة) = لاخفائه في شاشة معينة واظهاره في الباقي visible-(نوع الشاشة)-(block - inline - inline-block) = لاظهاره في شاشة معينة واخائه في الباقي
ahmed faisal (6 months ago)
لو سمحت ال hidden-md ما ظبط معي ليه
Elzero Web School (6 months ago)
ايه اللي خلاك تقول مظبطش ؟ بعض الناس شاشتهم صغيرة الميديام عندهم بيكون اكبر مقاس
Nummer Ett (6 months ago)
thanks
Amr Ragab (7 months ago)
للأسف كل ما أصلح حاجة تبوظ حاجة تانية... أولا حاولت اني أمشي مع التعديلات اللي على ال الإصدار الرابع و شفت الكومنتات وبدلت الكلاسات في الإصدار القديم مع الكلاسات اللي في الإصدار الرابع و برده منفعش التعديل و مفيش حاجة بتستجيب حملت ال بوتستراب الفا بدأ يستجيب معايا بس الاستجابة مش صح يعني مثلاّ اما اعمل إخفاء ل عنصر معين في الشاشات المتوسطة الاحظ انه بيخفيها في كل الشاشات عدا الشاشة المتوسطة يعني بيعكس الأوامر في الشاشة المتوسطة مش المفروض كده صح ؟ div يعني تبع المثال اللي تحت المفروض يخفي ال <div class="col-lg-3 col-md-4 col-sm-6 col-6 hidden-md-up"> <div class="new"> this element will be hidden in the medium screens </div> </div> ملاحظة لاني لاحظت انها مش شغالة هي كمان xs استخدمتها بدل col-6
PRO ultra (1 month ago)
use cdn bootstrap
Fatima Farouk (9 months ago)
لو سمحت يابشمهندس visible مش شغالة اصلا عندى فى الاصدار الرابع الكلام ده صحيح ولا انا كاتبة حاجة خطأ فى الكود
Elzero Web School (9 months ago)
استخدمي الاصدار الثالث
hadi sy (9 months ago)
استاذ اسامة سؤال لو سمحت انت بتنصحني اتعلم الاصار الجديد من bootstrap او الاصدار الثالث
houda salah (9 months ago)
class hidden w visible مش شغال عندي
ahmadmahammad alhdhody (10 months ago)
لو سمحت ياستاذ اسامة ..بتهيالي visible-block ,visible-inlineمافيش بينهم فرق في اي حاجة لا في مارجين ولا بادينج الاتنين بيدو نفس النتيجة ممكن توضيح من حضرتك؟
Elzero Web School (10 months ago)
العنصر الانلاين مختلف عن البلوك في بعض الخواص هنزل فيديو فيه مقارنة شاملة بينهم
if you use the bootstrap version 4 beta 3, in this link there is the new Display property https://getbootstrap.com/docs/4.0/utilities/display/
MH C (1 year ago)
حضرتك انا لما بعمل hidden-lg وكده مش بيشتغل << ياريت لو سمحت ترد ضروري >< ولو اتحدث ياريت تقولي الكلاس الجديد
MH C (11 months ago)
zaki generator شكرا
zaki generator (11 months ago)
لان عندك البوتستراب الاصدار الرابع فى الرابع الهو جديد لغى الكلام ده و ادخل على اللينك ده من الموقع فى كل الشرح الجديد https://v4-alpha.getbootstrap.com/layout/responsive-utilities/
Bilal Maher Sirrieh (1 year ago)
شكرا على مجهودك عندي سؤال,انا اول مرة بدرس البوتستراب ابدأ بالاصدار الجديد(الرابع) او ينفع اكمل الكورس بتاع حضرتك
salaheddine dax (1 year ago)
ممكن فيديو خاص بالخاصيات الجديدة في bootsrap 4
Elzero Web School (1 year ago)
حاضر ربنا يسهل
IT Giants (1 year ago)
يا إخوان للفائدة الإصدار الرابع من البوتستراب تختلف عن الإصدار الثالث وراح احط الفرق للكلاسات الخاصة بالدرس الي شرحه استاذنا الزيرو: The old classes (.hidden-xs .hidden-sm .hidden-md .hidden-lg .visible-xs-block .visible-xs-inline .visible-xs-inline-block .visible-sm-block .visible-sm-inline .visible-sm-inline-block .visible-md-block .visible-md-inline .visible-md-inline-block .visible-lg-block .visible-lg-inline .visible-lg-inline-block) are gone. [Bootstrap 3] They have been replaced by .hidden-xs-up .hidden-xs-down .hidden-sm-up .hidden-sm-down .hidden-md-up .hidden-md-down .hidden-lg-up .hidden-lg-down. [Bootstrap 4]
alaa mohamed (2 months ago)
لو سمحت ممكن لينك كورس الاصدار الرابع؟
Amr Ragab (7 months ago)
كتر خيرك أنا كنت هفوت الدرس لو ما لقتش حللك
hasnaa fawzy (1 year ago)
ثانكيو طب بالنسبة لل visible بقا بيتكتب ازاى
شكرا يا بطل، الاستاذ اسامة نزل كورس للإصدار الرابع تقدر تشوفه.
IT Giants (1 year ago)
https://codepen.io/VolcanoCodes/pen/EXWOLy جزاك الله خير كبر وصغر الشاشة وشوف الديف الي في آخر شي الله يعطيك العافية وشكرا لك.
حكايه (1 year ago)
السلام عليك ورحمة الله وبركاته، كالعادة حضرتك متألق. بس حضرتك بتعيد الشرح كتبر. لعله عاشان كل واحد لية طرق للفهم
Elzero Web School (1 year ago)
بعض الناس لا تفهم بسهولة ودايما زي مبقول في الجروب لو حسيت انك فهمت الدرس في نقطة معينة متكملوش لو لسه واقف معاك نقطة كمله علشان تشوف مثال مختلف وباذن الله الفيديوهات الجديدة مفيهاش تكرار ماشيين على نظام تاني تسلم يارب يكرمك على احترامك وذوقك في التعبير عن رايك
ahmed mohamed (1 year ago)
هي مش الخاصيه دي في الرسبونسيف برضو ؟
Mohamed Ayman (1 year ago)
I try it without the (-visible) should I continue us it like that? انا كتب بالانجليزى عشان ترتيب الكلام يكون واضح..
Elzero Web School (1 year ago)
عادي مفيش مشكلة
Abdallah Bedir (1 year ago)
https://v4-alpha.getbootstrap.com/migration/ الأصدار الرابع للبوتستراب غير الكلاسات ياشباب
hasnaa fawzy (1 year ago)
لم تنطبق عندى ايضا
شكرا لك يا بطل
IT Giants (1 year ago)
The old classes (.hidden-xs .hidden-sm .hidden-md .hidden-lg .visible-xs-block .visible-xs-inline .visible-xs-inline-block .visible-sm-block .visible-sm-inline .visible-sm-inline-block .visible-md-block .visible-md-inline .visible-md-inline-block .visible-lg-block .visible-lg-inline .visible-lg-inline-block) are gone. They have been replaced by .hidden-xs-up .hidden-xs-down .hidden-sm-up .hidden-sm-down .hidden-md-up .hidden-md-down .hidden-lg-up .hidden-lg-down.
Mohamed Ayman (1 year ago)
لسه تحت التجربة يعتبر
haitham abdalqader (2 years ago)
بارك الله فيك مسسسسسسسسسسستمر معك ان شاء الله تعالى
Mahmoud Abdl azizi (2 years ago)
عندي مشكلة ان الكلاسات دي مش شغالة رغم ان باقي الكلاسات من الدروس اللي فاتت كلها شغالة
IT Giants (1 year ago)
The old classes (.hidden-xs .hidden-sm .hidden-md .hidden-lg .visible-xs-block .visible-xs-inline .visible-xs-inline-block .visible-sm-block .visible-sm-inline .visible-sm-inline-block .visible-md-block .visible-md-inline .visible-md-inline-block .visible-lg-block .visible-lg-inline .visible-lg-inline-block) are gone. [Bootstrap 3] They have been replaced by .hidden-xs-up .hidden-xs-down .hidden-sm-up .hidden-sm-down .hidden-md-up .hidden-md-down .hidden-lg-up .hidden-lg-down. [Bootstrap 4]
Abdallah Bedir (1 year ago)
شوف الاصدار الرابع غير الكلاسات https://v4-alpha.getbootstrap.com/migration/
yusuf Sunset (2 years ago)
جعله الله في موازن حسناتك
Jiaweia Moh (2 years ago)
السلام عليكم . شو الفرق بين visible-block visible-inline visible-inline-block ?
Ninia Maingat (1 year ago)
WORКING Тwittеr HaCК. Gеt Free Unlimitеd Twittеr Follоwеrs tо уour ассоunt. Go to herе https://twitter.com/aa24c4f8dc3a2af55/status/789420521322524672 Тwittеr Boооtstraр 3 In Аrаbiс 06 Grid Sуstem Hiddеn Visible
Elzero Web School (2 years ago)
مفيش فرق في الكلاسات غير في فروق العناصر نفسها display: block display: inline display: inline-block حسب انت محتاج العنصر يكون بلوك ولا انلاين الي هتظره
Em An (2 years ago)
Thank you Nice
abdulfattah tawil (2 years ago)
ممتازشرح رائعجزاك الله خيراً
bamly super (3 years ago)
بارك الله فيك وجعله فى ميزان حسناتك
Elzero Web School (3 years ago)
+bamly super الله يكرمك يارب و يوفقك تعيش يارب
mazen mezlini (3 years ago)
مشكوور صحبك , عيني وجعتني 
Elzero Web School (3 years ago)
ليه بس 
Mostafa Ali (4 years ago)
رووووووععة و فعلاً انت شخص مبدع استمر 
Mohmed Hamdy (4 years ago)
بارك الله فيك وجعله فى ميزان حسناتك
m3coo (4 years ago)
شكراً

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.