GithubHelp home page GithubHelp logo

mladenplavsic / bootstrap-navbar-sidebar Goto Github PK

View Code? Open in Web Editor NEW
295.0 295.0 811.0 282 KB

Bootstrap navbars fixed to left or right

Home Page: https://mladenplavsic.github.io/bootstrap-navbar-sidebar/

License: MIT License

JavaScript 26.38% CSS 73.62%

bootstrap-navbar-sidebar's People

Contributors

mladenplavsic avatar seb33300 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootstrap-navbar-sidebar's Issues

Use side margin on body

Pull request : #3

As you can see on this plunker: https://plnkr.co/edit/rmFAsEnHkgmnDkTBMw0m?p=preview

If you add a 100% element with an absolute position (green div at the bottom), an horizontal scrollbar appear.

On body, if you set:

body {
  position: relative; 
  padding-left: 0;
  margin-left: 232px;
}

Horizontal scrollbar disappear.

Usefull to attach a footer always at the bottom of the page with

body {
  position: relative;
  min-height: 100%;
}

I also don't understand why you applied a 200vh min-height on body by default?

Different breakpoint for right sidebar

I'm using left and right sidebar at the same time.
Would it be possible to add a feature to set a different breakpoint for the right sidebar?
That way you could display the left sidebar up to md and the right one only up to sm.

container-fluid padding

Hi,

Using your code with .container-fluid render padding in the sidebar.

Your HTML markup use div.container instead of div.container-fluid used on bootstrap examples.

Maybe you should also apply style to both .container & .container-fluid classes?

Thanks for your job.

Clear navbar-collapse

navbar-collapse should be cleared so the container will not overflow on the navbar brand

Related to: #4

image

Not compatible with bootstrap 4

It's not fully compatible with Bootstrap 4.beta.2; the latest version at the moment of writing this issue. The problem is that navbar-expand-{sm | md | lg | xl} is added and some other classes have been changed. All changes can be found here

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.