| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | --- | 
					
						
							|  |  |  | title: Center Text with Bootstrap | 
					
						
							|  |  |  | --- | 
					
						
							|  |  |  | ## Center Text with Bootstrap
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-16 03:02:17 +05:30
										 |  |  | The challenge introduces the class of ``` text-center ``` for centering text and has to be used to center the ``` <h2></h2> ``` element. | 
					
						
							| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-16 03:02:17 +05:30
										 |  |  | ### Hint 1
 | 
					
						
							| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-16 03:02:17 +05:30
										 |  |  | Use the class of ``` text-center ```. | 
					
						
							|  |  |  | ### Hint 2
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | The class has to applied on the first ``` <h2></h2> ``` in the document. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ### Solution
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Since you need to add a class, edit the HTML of the first ```html <h2></h2> ``` from: | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ```html | 
					
						
							|  |  |  | <h2 class="red-text">CatPhotoApp</h2> | 
					
						
							|  |  |  | ``` | 
					
						
							|  |  |  | to | 
					
						
							|  |  |  | ```html | 
					
						
							|  |  |  | <h2 class="red-text text-center">CatPhotoApp</h2> | 
					
						
							|  |  |  | ``` |