2018-10-12 16:35:31 -04:00
|
|
|
---
|
|
|
|
|
title: Add Elements within Your Bootstrap Wells
|
|
|
|
|
localeTitle: إضافة عناصر داخل الآبار Bootstrap الخاص بك
|
|
|
|
|
---
|
|
|
|
|
## إضافة عناصر داخل الآبار Bootstrap الخاص بك
|
|
|
|
|
|
|
|
|
|
في التحدي الأخير ، كنت قد أنشأت شعبة مع الطبقة جيدا ، يتطلب هذا التحدي الآن إضافة 3 عناصر زر في كل من الآبار.
|
|
|
|
|
|
|
|
|
|
### ملحوظة
|
|
|
|
|
|
|
|
|
|
يتم الإعلان عن زر على النحو التالي:
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```html
|
|
|
|
|
<button></button>
|
|
|
|
|
```
|
2018-10-12 16:35:31 -04:00
|
|
|
|
|
|
|
|
### حل
|
|
|
|
|
|
|
|
|
|
نظرًا لأنه يتعين علينا إعلان 3 زر في كل بئر ، سنفعل ما يلي:
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```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>
|
|
|
|
|
```
|