| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  | --- | 
					
						
							|  |  |  | title: Add Elements within Your Bootstrap Wells | 
					
						
							|  |  |  | --- | 
					
						
							|  |  |  | ## Add Elements within Your Bootstrap Wells
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-01-22 21:21:30 -05:00
										 |  |  | In the last challenge, you created a div with the well class. This challenge now requires you to add 3 button elements in each of the wells. | 
					
						
							| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  | 
 | 
					
						
							|  |  |  | ### Hint
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | A button is declared as follows: | 
					
						
							|  |  |  | ```html | 
					
						
							|  |  |  | <button></button> | 
					
						
							|  |  |  | ``` | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ### Solution
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Since we have to declare 3 button in each well, we would do the following: | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ```html | 
					
						
							|  |  |  | <div class="container-fluid"> | 
					
						
							|  |  |  |   <h3 class="text-primary text-center">jQuery Playground</h3> | 
					
						
							|  |  |  |   <div class="row"> | 
					
						
							|  |  |  |     <div class="col-xs-6"> | 
					
						
							|  |  |  |       <div class="well"> | 
					
						
							|  |  |  |         <button></button> | 
					
						
							|  |  |  |         <button></button> | 
					
						
							|  |  |  |         <button></button> | 
					
						
							|  |  |  |       </div> | 
					
						
							|  |  |  |     </div> | 
					
						
							|  |  |  |     <div class="col-xs-6"> | 
					
						
							|  |  |  |       <div class="well"> | 
					
						
							|  |  |  |         <button></button> | 
					
						
							|  |  |  |         <button></button> | 
					
						
							|  |  |  |         <button></button> | 
					
						
							|  |  |  |       </div> | 
					
						
							|  |  |  |     </div> | 
					
						
							|  |  |  |   </div> | 
					
						
							|  |  |  | </div> | 
					
						
							|  |  |  | ``` |