index.md

layout
home

BeeGrid

{{ site.description }}

  <div class="grid cols-sm-1 cols-xs-1 cols-md-1 cols-lg-1 cols-xl-1">
    <div class="grid-item flex justify-content-center align-items-center">
        <a href="{{ site.baseurl }}/documentation/{{ site.docs_version }}/introduction/" class="button button-outline-teal button-lg">Get Started</a>
    </div>
  </div>
</div>

Installation

Install Beegrid's source files via npm. We take care of injecting the CSS needed.

{% highlight sh %} npm install @beetle/bee-grid {% endhighlight %}

{% highlight sh %}
npm install @beetle/bee-grid -v{{ site.current_version }}
{% endhighlight %}
<p>Or use <a href="https://yarnpkg.com/lang/en/" target="_blank">yarn</a>.</p>
{% highlight sh %}
yarn add @beetle/bee-grid
{% endhighlight %}

Usage

Download latest precompiled CSS stable build and include it in your project.

{% highlight html %} {% endhighlight %}

or use CDN

{% highlight html %} {% endhighlight %}

Source Code

Clone Beegrid repository from Github and start building awesome grid for your websites.

      {% highlight sh %}
      git clone {{ site.repo }}
      {% endhighlight %}
    

Quickly prototype your grids with our Sass variables and mixins.