Install
To include all of Flow's folders in your project via npm in the terminal. Download the latest version of Flow with the following command in your terminal line.
$ npm install flux-flow
To include all of Flow's folders in your project via npm in the terminal. Download the latest version of Flow with the following command in your terminal line.
$ npm install flux-flow
If you don't need all of the files you can simply link to the compiled style sheet using this dedicated CDN.
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/flux-flow/dist/css/fluxflow.min.css"/>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/flux-flow/dist/css/fluxflow.min.css"/>
If you'd rather just downloading the files that you need you can simply download them using the GitHub repo
<div class="wrapper">
<div class="container">
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
</div>
</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum in accusamus repellendus earum libero? Cumque dolor officiis veritatis ex maiores, debitis in enim reiciendis? Error?
<div class="wrapper">
<div class="container">
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
</div>
</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum in accusamus repellendus earum libero? Cumque dolor officiis veritatis ex maiores, debitis in enim reiciendis? Error?
<div class="wrapper">
<div class="container">
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
</div>
</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum in accusamus repellendus earum libero? Cumque dolor officiis veritatis ex maiores, debitis in enim reiciendis? Error?
<div class="wrapper">
<div class="container">
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
</div>
</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum in accusamus repellendus earum libero? Cumque dolor officiis veritatis ex maiores, debitis in enim reiciendis? Error?
<div class="wrapper">
<div class="container">
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
<div class="col col-sm-10 col-md-8 col-lg-6"></div>
</div>
</div>
Wrapper stretches to fill the entire width of the window.
Wrapper width is responsive depending on the window size.
Container stretches to fill the entire width of the wrapper container.
Container width is responsive depending on the window size.
Default column class that will stretch to fill the entire container.
Column stretches to the number of defined columns once the breakpoint has been reached. e.g. '.col-md-10'.