first of all my compliments for the excellent job (html5+bs4).
Template is well structured and use bs4 classes, well documented, simply to edit by gulp and last but not least the graphic simplicity is perfect for lightness of the look (i hate too heavy modern templates).
Please continue in this way.

In sidebar what does need:
<li class="sidebar-subnav-header">Dashboard</li>
Seems to have always display:none

top-navbar.scss (line 210)
I think better use a variable for em .sidebar-toggle because if you change navbar color bg (i.e. white).
I used $nav-top-item-mobile instead of 'white'.
@include media-breakpoint-down(sm) {
.sidebar-toggle {
position: absolute !important;
top: 2px;
left: 0;
z-index: 3001; // Add color only for the icon
>em {
//color: white;
color: $nav-top-item-mobile;

app.js (line 2591)
timout -> timeout

Add element like typeahead.

Hi Alessandro, thanks so much for your kind words!

Regarding to "sidebar-subnav-header" class, it's used only when the sidebar is collapsed, currently there's an issue with elements not appearing on hover but working on fix for next update.

About top-navbar report, that's right, currently it forces to have only non white/light colors for background , so it looks better to have an option for the toggle button color,

Typeahead is in plans, but was delayed due to other priorities. We'll try to add it as part of the next update

Thanks again for your time to report this and suggestions.
Let us know if you have any question
I try to run react-seed project, but there is error:

C:\reactjs-seed>npm run start

> Angle@0.0.0 start C:\reactjs-seed
> webpack-dev-server --config webpack.dev.js --inline --progress --port 3000 --open

"webpack-dev-server" is not an internal or external command, an executable program, or a batch file.
npm ERR! errno 1
npm ERR! Angle@0.0.0 start: `webpack-dev-server --config webpack.dev.js --inline --progress --port 3000 --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the Angle@0.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\MyUser\AppData\Roaming\npm-cache\_logs\2018-03-11T09_30_51_224Z-debug.log
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'start' ]
2 info using npm@5.6.0
3 info using node@v8.10.0
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle Angle@0.0.0~prestart: Angle@0.0.0
6 info lifecycle Angle@0.0.0~start: Angle@0.0.0
7 verbose lifecycle Angle@0.0.0~start: unsafe-perm in lifecycle true
8 verbose lifecycle Angle@0.0.0~start: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\reactjs-seed\node_modules\.bin;C:\Users\MyUser\AppData\Roaming\npm;C:\Program Files\nodejs\;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\ATI Technologies\ATI.ACE\Core-Static;C:\Program Files\dotnet\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files\Git\cmd;C:\Program Files\nodejs\;C:\Users\MyUser\AppData\Local\Microsoft\WindowsApps;C:\Users\MyUser\AppData\Local\GitHubDesktop\bin;C:\Program Files\Microsoft VS Code\bin;C:\Users\MyUser\AppData\Roaming\npm
9 verbose lifecycle Angle@0.0.0~start: CWD: C:\reactjs-seed
10 silly lifecycle Angle@0.0.0~start: Args: [ '/d /s /c',
10 silly lifecycle 'webpack-dev-server --config webpack.dev.js --inline --progress --port 3000 --open' ]
11 silly lifecycle Angle@0.0.0~start: Returned: code: 1 signal: null
12 info lifecycle Angle@0.0.0~start: Failed to exec start script
13 verbose stack Error: Angle@0.0.0 start: `webpack-dev-server --config webpack.dev.js --inline --progress --port 3000 --open`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:285:16)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at EventEmitter.emit (events.js:214:7)
13 verbose stack at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at ChildProcess.emit (events.js:214:7)
13 verbose stack at maybeClose (internal/child_process.js:925:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid Angle@0.0.0
15 verbose cwd C:\reactjs-seed
16 verbose Windows_NT 10.0.16299
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "start"
18 verbose node v8.10.0
19 verbose npm v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error Angle@0.0.0 start: `webpack-dev-server --config webpack.dev.js --inline --progress --port 3000 --open`
22 error Exit status 1
23 error Failed at the Angle@0.0.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
My System:
Windows 10 version 17.09
64-bit operation system
Please, help to solve this problem..((
Hi, webpack-dev-server is installed locally when you run "npm install" (before the start command) and npm should find it correctly if there' were no problem during the install.
Did you run "npm install"? Any error during install?
If you run "npm install webpack-dev-server" it may solve the issue, but perhaps other packages were not correctly installed so it's better to check the installation.

Let us now if you have any question
I'm using React project, and in /form-validation I'm getting an error on my console.

$(...).parsley is not a function

How i can use parsley? I need use .isValid() parsley's method.
HI, parsley is imported in file app/Vendor.jsx with the following sentences
import '../node_modules/parsleyjs/dist/parsley.min.js';

In case you are using the seed version of React project, you need to add it. If not, then it may be not installed correctly, does the command " npm install" run success or it shows any error in console?

Let us know if you have any question
Is there a seed project for MVC5 + Angular 2?
Hi, seed versions for mvc project is not available yet but we will try to include soon (apologies for being so delayed). If you are interested we could send you the files so you don't have to wait for a new release.

Regarding to project asked, we don't have any project with MVC5 + Angular 2.
Maybe do you meant NetCore + Angular5?

jrsnyper PURCHASED
In your "Static html5 + jquery" bootstrap the top nav is over laying the side nav. This happened in mobile below 310.

Link to the screen shot
Hi, thanks for the report. The template is mainly prepared to work from 320px and up. For very small resolution you could use a css that forces the template to show a scrollbar:

For example:
body { min-width: 310px; }

If that is not suitable for you, another technique could be hiding the logo below 320px with media queries like this:

@media (max-width: 320px) {
.topnavbar .navbar-header .brand-logo {
display: none;

Let us know if you have any question

Let us know if you have any question
jrsnyper PURCHASED
In your "Static html5 + jquery" bootstrap4 scroll bar over lays the left nav

Windows 10 64 1703
Using Google Chrome Version 64.0.3282.186 (Official Build) (64-bit)

Link to the screen shot
Hi again, this is done by design. the scrollbar is mainly a native component that we can not control on every browser in the same way. Also, on tablet/mobile resolutions is expected to use a more adapted device like a tablet or smart phone, where the scrollbar.is a bit more friendly scrollbar and takes less space than desktop (windows) scrollbars

jrsnyper PURCHASED
I am using the "Static html5 + jquery" example is there documentation on what each scss file is for. I am looking to strip the app down to just the left and top nav bars. Could you tell me what JavaScript and SCSS files I need. This will save me time over doing trial and error.
Hi, have your tried using the seed project? It only contains the necessary files to run basic styles. For example, the bootstrap 4 seed project has only folders with "common" and "layout" files for SCSS and "common" module for JS.

Static reactjs-seed does not compile, but reactjs does.
It should be using github:themeicon/whirl instead of github:jh3y/whirl!!!
Better QA would be appreciated!!!

10% building modules 3/9 modules 6 active ...-localize/dist/jquery.localize.min.jsModuleNotFoundError: Module not found: Error: Can't resolve '../node_modules/whirl/dist/whirl.css' in '/home/redacted/Downloads/WB04HF123/reactjs-seed/app'
Hi, thanks for taking the time to report this.
You're absolutely right and we apologies for that mistake, we have implemented changes on React project on last update related with whirl package and was not merged into the seed project version.
We'll put hands on this to avoid issues like this in the future.

Btw, there's another change that was not applied, in case it's useful for you, the babel preset 'stage-0' for webpack. You can see that in the file webpack.common.js

Thanks again for your time to report this.

Great theme with lot of element.

Unfortunately, we encountered one problem. Date fields are not properly validated when opening through Safari (Mac OS) or Mozilla. Do you have a solution to this problem?

Best regards,
Hi, Great theme. Thanks for all the effort. Also nice that you have started with Bootstrap 4 version.

One advice for the datatables sample. When you want the Excel and PDF export buttons to work. you have to include the following libraries.


best regards

Hi Jeroenm thank you so much for your support and the heads up regarding datatables!
We'll add them in next release to restore functionality.

Is there documentation on how to upgrade from angular5 (bootstrap3) to angular5 (bootstrap4)?
Hi, Bootstrap 4 by itself is not backward compatible, meaning many things changed. Of course, everything starts by updating dependencies in package.json but then the markup and styles have changed a lot.
Here is a list of changes made in the framework: https://getbootstrap.com/docs/4.0/migration/

The simple way to update is to identify custom changes to the current Bootstrap 3 version and migrate them into them BS4 version, this way will be more simple than dealing with the full set of changes in the template.

Let us know if you have any question
in HTML5+BS4 "Select2" uses Bootstrap v3 theme so sizing doesn't work properly.
Please upgrade Select2 theme to BS4 version.
Hi, thanks for pointing us this.
We have added many fixes for Select 2 but haven't notice the existence of BS4 theme. Will fix this on next update.

Thanks again
here https://github.com/ttskch/select2-bootstrap4-theme you can find one.
Moreover you are using v4.0.6 in RC (RC1 now) but there are many bugs (i.e. data-placeholder doesn't work properly).
I switched back to 4.0.5 because i think is better the stability for admin template.


maybe it has been asked before but I cannot find it here in the comments. Is an update for rails with BS4 coming soon?

Aslo, I see that youare not using the bootstrap gem for rails but including bootstrap styles in the theme itself, is it desired for some reason?


Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $24
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • Fluid
  • Fixed-width
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:Yes
Tags: admin, admin template, angularjs, material, meanjs, meteor, mvc, rails, responsive, rtl
Released:3 years ago
Updated:2 days ago
Sold exclusively on WrapBootstrap


Signed up 3 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: