Grocery Offer Zone Top Deals & Discounts

Grocery Shoppy

Please Select Your Location

Typography

Headings

h1. Bootstrap heading

Semibold 36px

h2. Bootstrap heading

Semibold 30px

h3. Bootstrap heading

Semibold 24px

h4. Bootstrap heading

Semibold 18px
h5. Bootstrap heading
Semibold 14px
h6. Bootstrap heading
 Semibold 12px

Progress Bars

Info with progress-bar-info class.

Success with progress-bar-success class.

Warning with progress-bar-warning class.

Danger with progress-bar-danger class.

Inverse with progress-bar-inverse class.

Inverse with progress-bar-inverse class.

35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Alerts

Pagination

Breadcrumbs

  1. Home
  1. Home
  2. Library
  1. Home
  2. Library
  3. Data

Badges

Add modifier classes to change the appearance of a badge.

Classes Badges
No modifiers 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

Easily highlight new or unread items with the .badge class

201 Inbox 5021 Profile visits 14 Call 20 Messages 14 Bookmarks 30 Notifications

Wells

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here
Lorem Ipsum is simply dummy text of the printing and typesetting Automated. Lorem Ipsum has been the Automated's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic

Unordered List

Ordered List

  1. Cras justo odio
  2. Dapibus ac facilisis in
  3. Morbi leo risus
  4. Porta ac consectetur ac
  5. Vestibulum at eros

Forms

@
@example.com
$ .00
@
@
@

Tables

Default styles

For basic stylinglight padding and only horizontal add the base class .table to any <table>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Add any of the following classes to the .table base class.

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-8).

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Add borders and rounded corners to the table.

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @getbootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Enable a hover state on table rows within a <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Get your Groceries delivered from local stores

Free Delivery on your first order!

© 2026 Grocery Shoppy. All rights reserved |

体彩排列3入门玩法指南

本站旨在为体彩排列3爱好者提供全面的入门玩法攻略与丰富的游戏技巧。无论您是新手还是老玩家，这里都有您所需的实用信息和建议，帮助您更好地理解游戏规则与投注策略。我们汇总了各种购彩技巧与中奖秘籍，让您能在彩票购买中获得更大的快乐与收益。快来探索体彩排列3的魅力，与我们一起开启您的购彩之旅吧