هما بلغ تعقيد الفكرة؛ فإنّي أرى أنّ تبسيطها حتمي. الفكرة قبل أن تتحوّل إلى منتج، أو حتّى قبل أن تنفّذ؛ ينبغي أن يحدّد عنصرها أو عَناصرها الأهم.

لا أخفيك أنّي أحب تصفّح الويب من جهاز الحاسوب؛ لكن هذا لا يجعله مفضّلاً و مقدّمًا دائمًا.

level

The structure of a level is the following:

level: main container
- level-left for the left side
- level-right for the right side
  - level-item for each individual element

In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.

123 posts

All

                    

                        
                        <!-- Main container -->
                        <nav class="level">
                          <!-- Left side -->
                          <div class="level-left">
                            <div class="level-item">
                              <p class="subtitle is-5">
                                <strong>123</strong> posts
                              </p>
                            </div>
                            <div class="level-item">
                              <div class="field has-addons">
                                <p class="control">
                                  <input class="input" type="text" placeholder="Find a post">
                                </p>
                                <p class="control">
                                  <button class="button">
                                    Search
                                  </button>
                                </p>
                              </div>
                            </div>
                          </div>

                          <!-- Right side -->
                          <div class="level-right">
                            <p class="level-item"><strong>All</strong></p>
                            <p class="level-item"><a>Published</a></p>
                            <p class="level-item"><a>Drafts</a></p>
                            <p class="level-item"><a>Deleted</a></p>
                            <p class="level-item"><a class="button is-success">New</a></p>
                          </div>
                        </nav>

Full Documentation

إبداعى 01

شركات 01

مطعم برجر

حفل زفاف

شركات 02

صالون حلاقة

شركة شحن

مطعم 01

منظم حفلات

شركة شحن 02

إبداعى 02

فساتين الزفاف

إبداعى 03

تحت الإنشاء

أخر الاخبار

media