NPM latest version is 4.0.0, but git latest release is 3.3.7.
Until a new release is made, webjars cannot update to new version.

Is it possible to change #page-wrapper , to 100% height ? I dont want to have black background color , under pagewrapper , when my dont have many content.

@davidtmiller
How is it possible to achieve collapsed sidenav on desktop but also for menu to remain unchanged (if only add "sidenav-toggled" to /body then mobile version drops link wording)on mobile device?
Thanks

What is the difference between SB Admin and SB Admin 2?

I'm trying to use the top menu to show the logged in user like shown in the picture

This is the code I tried to use

            <ul class="nav navbar-right top-nav">
                <li>
                    <a href="/user/logout">
                        <span style="margin-right: 10px;">Welcome Jhon Smith!</span>
                        <span class="btn btn-xs btn-danger">
                             <span class="glyphicon glyphicon-off"></span> Logout
                         </span>
                    </a>
                </li>
            </ul>

The goal was to put the user name in the top bar, but if I put the text outside a link, the text is shown OVER the link. How can I fix this?

Hello! I'm doing a project for my class and I need this for educational purposes. I read the Apache 2.0 license but I don't understand nothing.

(I'm spanish, we don't understand very good the english D:)

Sorry for the inconveniences, and thanks for this!

jaijujita.

I am using this template for a senior project in college for showing a table on a web page. However, the resulting table is not using DataTable; I have all the necessary files to run the plugin but I am not sure what is going on.
I think some script is missing or not working properly.

When viewing the live demo (https://blackrockdigital.github.io/startbootstrap-sb-admin/) I noticed an issue with the side nav when it is collapsed.

On an android phone is landscape mode, or in chrome/firefox/safari on OSX with a small height (300 pixels can be used to reproduce), the collapsed side nav cannot be scrolled to view all of the content.

The scrolling does however work correctly on an iPhone in landscape mode.

Hi,

Just a little bit question. I can not find, where i can change the icons of navbar ?

What mean :
.fa-subscript:before {
content: "\f12c";

I'm beginner.

Thank you

On the demo page, the glyphicon and exclamation point are reversed. Link: https://blackrockdigital.github.io/startbootstrap-sb-admin/index-rtl.html

I'm using the latest version of Chrome (50.0.2661.102 m) without any extensions loaded.

I add class ↑↑↑ nav, to be able to use tab-content, invoke tabs and the scroll bar is not shown in the vertical menu when the items are too many. I could tell that it is the css of the issue that makes conflict, someone can help me, thanks

Please support for installation over Bower.

Hi guys,

I'm working on a website based on SB Admin Theme. I notice some charts using Flot Charts are missing. I checked the Demo on StartBootstrap website, and they are also missing on both demo for SB Admin and SB Admin 2 Themes. I tried on Microsoft Edge and Opera Internet browsers, both have the issue. I don't have another Internet browser to run more tests.

I still didn't find a solution to the issue because I'm a new user of bootstrap, I'm working on it at the time but as you know more your theme and how they work than me, I believe it is important to let you know about that.

Cheers

When you imbricate panels, children take the color of the main parent panel.

I think you should replace .panel-yellow .panel-heading by .panel-yellow > .panel-heading and so on.

It's better if you add RTL direction, I have some project with Arabic(rtl language) I should use the admin right to left when I finish I'll send you pull request ;)

Forgive me for this simple question but how do I set the default state of the sidenav to "Collapsed"?

Thank you.

Update included jQuery plugins.

Hello,

When i install startbootstrap-sb-admin with bower, i get this error,

bower                       EMALFORMED Failed to read ~somepath/vendor/DataTables/.bower.json

The content of error file is,

{
  "name": "datatables",
  "version": "1.10.4",
  "main": [
    "media/js/jquery.dataTables.js",
    "media/css/jquery.dataTables.css"
  ],
  "dependencies": {
    "jquery": ">=1.7.0"
  },
  "license": "MIT",
  "keywords": [
    "jquery",
    "datatables",
    "table",
    "javascript",
    "library"
  ],
  "ignore": [
    "/.*",
    "examples",
    "media/unit_testing",
    "composer.json",
    "dataTables.jquery.json",
    "package.json"
  ],
  "homepage": "https://github.com/DataTables/DataTables",
  "_release": "1.10.4",
  "_resolution": {
    "type": "version",
    "tag": "1.10.4",
    "commit": "96866489a52266c4b356364d7756dde8b7a0c172"
  },
  "_source": "git://github.com/DataTables/DataTables.git",
  "_target": "~1.10.4",
  "_originalSource": "DataTables"
}}

With the two braces.

My bower,

{
  "name": "My Project",
  "version": "2.0.0",
  "authors": [
    "Maxence Winandy <[email protected]>"
  ],
  "moduleType": [
    "globals"
  ],
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "./vendor/**",
    "test",
    "tests"
  ],
  "dependencies": {
    "startbootstrap-sb-admin-2": "latest",
    "bootstrap-sass": "~3.3.1"
  }
}

I using startbootstrap-sb-admin vertical menu bar on the left not show is long content.

See image: http://www.pinterest.com/pin/322922235756594206/
please helo me fixed.
Thanks

Hello.

I'm looking to see how much space the full set of files would take during a production deployment as a way of looking at the overall footprint of a typical bootstrap 4 project. I can't figure out which files/directory represents the files that are required for hosting even after reviewing the README.md and building and testing the project here locally. Is there a directory where all of those files are located or are they spread out among several in the project?

The sidenav doesn't let me scroll when I have items the exceed the window size. How can I add a scrollbar?

Thanks for the good work

May you please share your LESS files you used to write this awesome template? It's a bit annoying writing plain css these days @davidtmiller

When i install sb-admin through bower (bower install sb-admin-v2), i install the version 0.1.0

Maybe you can publish the latest version ( 1.4.0).

Thanks by advance, it ll be very helpfull for my workflow.

Hi, I love that you guys have migrated over to bootstrap 4!

I am a little curious though as to why you're still using pixel (px) units in many places when bootstrap 4 has mostly migrated over to using em/rem units.

In particular, the fixed nav bar using px units for the top padding/margin causes some issues if you "zoom out" in the browser (using "command -" on Mac for example).

The current pixel values result in the content-wrapper getting obscured and the side-nav obscuring the top nav like in the following screen shot:

But changing the padding/margin from 56px to 3em seems to fix it. The relevant lines for the changes are:

https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/css/sb-admin.css#L19
https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/css/sb-admin.css#L119

For reference, here are a couple of posts/issues related to the bootstrap switch to rem units:

https://stackoverflow.com/questions/37051697/why-bootstrap-4-choose-rem-and-em-instead-px
twbs/bootstrap#19943

Also, I'd be happy to create a PR for some of these changes if it seems sensible...

Can you make this repo installable through bower? I only find the SB Admin 2 with that, but SB Admin 2 user Bootstrap 3 and I want to try out Bootstrap 4 with this template.

Thanks in advance.

Image says it all. Here ya go:

Why I can't customize in the top navigation bar as I want to change the icon of messages and add new icons with different functions ?

Hi there, I noticed that my changes kept getting replaced by the original content. Am I not supposed to change .pug file or running gulp dev?

Advanced Usage

After installation, run npm install and then run gulp dev . my question is how to run gulp dev? newbie here

How to fix the side nav bar on scrolling the page? When I scroll the page I need to show the menu as fixed

It would be useful to be able to install this as an npm package. All that's required is to have a package.json at the root of the project.

I have a few different pages that I would like to have a different background image on. For the main page I was able to change it by applying css changes to sb-admin.css directly to the body tag. However, this then causes the same background to be used across all pages. I have tried adding a wrapper onto my other pages to add a new background image with no success and using the css from other component pages (Typescript project) to override the body with new styling but still no success.

Any suggestions would be greatly appreciated!

The links that are supposed to point to the documentation for the morris.js library seem to be outdated (both here and on StartBootstrap). The project pages seem to reside at http://morrisjs.github.io/morris.js/ now, with the repo found at https://github.com/morrisjs/morris.js/

Not certain where else to post this, hoping this is the right place.

I'd like the icon to change based on if it's collapsed or not. Is there a way to modify this code to do that?

`

the bottom part of right is black.
should be white.
it is wierd.

every page have much content to fill the right side. or it is black color.

Need to update to Font Awesome 4.2.

morris.min.js?compile=false:6

It would be nice to get a collapse functionality, just like the one on Wordpress vertical menu: a link to get the vertical menu shrink (and showing only icons). Best would be with a media query that auto-shrink the vertical menu for a small viewport (keeping the current hamburger menu for very small viewports)

I am trying to implement this in a Visual Studio 2015 MVC 5 application. I receive the following exception at runtime:

Unhandled exception at line 6, column 1334 in http://localhost:53432/js/plugins/morris/morris.min.js

0x800a139e - JavaScript runtime error: Graph container element not found

The arrows show in the card located in the body. But won't show in the navbar.
The dropdown works fine, its just the arrow won't load, other font awesome icons load perfectly fine. I'm using the same FA version included with the documentation

Any help is greatly appreciated! 😄

](url)

on the admin-2 page it says we can install via Bower

what about admin-1?

thx

Hi i have extracted the files to a folder on my PC fine. When i open browser from the folder images are shown i.e. the navigation and search icons. But when i open the files as a new project in visual studio when i run the project everything works but now images. So i tried in dream weaver and the same problem no images.......am i doing anything wrong, i love the look of this and is perfect for my project. Cheers. and keep up the great work. Will keep digging until some one can assist me.

<li class="dropdown active">

Fix

.navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
    background-color: #eeeeee;
}

I am a big fan of BlackrockDigital. I am using your theme for a couple of my projects.

I have a quick question. Why the collapsable boxes are missing from the app all of the sudden??

Thanks in advance!

Hi on initial load this is getting displayed on the bottom how to show it on the top?

Hello, i have issue why datatables is not working in this template i use codeignter and yes i have been looking for same issue about datatables but it doesn't give me clear please if anyone who face the same problem please comment here i have check many times with standart configuration but give me table with length, here is my code http://pastebin.com/jnq4H2F7