 
 
													
									Bootstrap 4 Jumbotron
									
									
									
									
									
								
								ستتعلم في هذا الدرس كيفية عمل ال jumbotron وهو box بمساحة تأتي مع ال Content باستخدام ال Bootstrap
التاريخ
												
											03 ديسمبر 2021
										
										
									الدروس
34
										
									المستوى
											العامة
										
										
									اللغة
																						انجليزي
																					
										
									المشاهدات
1725
										
									المواضيع
6
										
									
								
									Bootstrap 4 Jumbotron
								 
																							
						</> Bootstrap 4 Jumbotron
ال jumbotron هو صندوق رمادي كبير لعرض  بعض المحتويات أو المعلومات الخاصة مع مساحه حول المحتوي عن طريق jumbotron class.
Result
Bootstrap Tutorial
Bootstrap is the most popular HTML, CSS...
يظهر الكود بهذا الشكل على المتصفح
<div class="jumbotron"> <h1>Bootstrap Tutorial</h1> <p>Bootstrap is the most popular HTML, CSS...</p> </div>
</> Full width Jumbotron
عن طريق ال jumbotron-fluid class. يمكنك ان تجعل ال Jumbotron بعرض ملئ الشاشة
Result
Bootstrap Tutorial
Bootstrap is the most popular HTML, CSS...
يظهر الكود بهذا الشكل على المتصفح
<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>
																			
									
																		
								 
                           CLOSETAG
                            CLOSETAG
                        