Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.

Quick Start

Copy-paste the stylesheet link into your head before all other stylesheets to load our CSS.


    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Maple<title>
    
    <link href="assets/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
    
    <link href="images/favicon.png" rel="shortcut icon" type="image/png">
    
    <link href="assets/themify-icons/themify-icons.css" rel="stylesheet" type="text/css">
    
    <link href="assets/owl-carousal/owl.carousel.min.css" rel="stylesheet" type="text/css">
    
    <link href="css/style.css" rel="stylesheet" type="text/css">
    
    <link href="css/media.css" rel="stylesheet" type="text/css">

Visit the Layout docs or our official examples to start laying out your site’s content and components.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Why Build Tools

Praesent ultricies dui at sagittis blandit. Nunc convallis venenatis quam, eu vehicula mauris. Donec malesuada mi odio, sit amet venenatis enim feugiat eu. In eget tortor ac tellus laoreet cursus. Vivamus sagittis suscipit quam, in auctor dolor semper a.

Build tool settings are stored in a special file called knwpro.json It can be included in any folder that is in a parent folder of the VedhaDocs install folder.

If you used the npm or meteor, a knwpro.json file is automatically generated for you in the root of your project. If you used a different package manager you can run gulp install to run the interactive installer.

  • Process LESS files with theming variables

  • Add vendor prefixes for supported browsers with autoprefixer

  • Watch file changes and rebuild the necessary files when adjusting themes

  • Automatically process asset paths, so that minified and concatenated releases can exist in different directories

  • Allow custom builds with only the required components for your site

  • Allow advanced usage like Right-To-Left (RTL) languages using RTLCSS

Recipes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Running npm install normally will launch an interactive installer, to allow this installer to run without user interaction include a special flag autoInstall: truein your knwpro.json file.

npm install knwpro-ui-component

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Glossary

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Method Description
$().alert() Makes an alert listen for click events on descendant elements which have the data-dismiss="alert" attribute. (Not necessary when using the data-api’s auto-initialization.)
$().alert('close') Closes an alert by removing it from the DOM. If the .fade and .show classes are present on the element, the alert will fade out before it is removed.
$().alert('dispose') Destroys an element’s alert.

Folder Structure

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    |--- dist
         |-- css
             |- menu.css
             |- themify-icons.css
         |-- fonts
         |-- images
         |-- js
             |- custom.js
    |--- index.html