mladenplavsic / bootstrap-navbar-sidebar Goto Github PK
View Code? Open in Web Editor NEWBootstrap navbars fixed to left or right
Home Page: https://mladenplavsic.github.io/bootstrap-navbar-sidebar/
License: MIT License
Bootstrap navbars fixed to left or right
Home Page: https://mladenplavsic.github.io/bootstrap-navbar-sidebar/
License: MIT License
I think something is wrong with gulp when generating dist files.
In navbar-fixed-left.css we can find classes related to navbar-fixed-right
.
And in navbar-fixed-right.css, classes related to navbar-fixed-left
.
When in mobile settings, sidebar fails to display.
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?
I don't know why, but a 200vh min-height is applied on body:
https://github.com/mladenplavsic/bootstrap-navbar-sidebar/blob/master/src/_navbar-fixed.less#L5
I think this should be removed or at least replaced by a 100% min-height.
I can create a pull request for this, what do you prefer?
when will support jquery-3.4.1 ?
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.
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.
navbar-collapse should be cleared so the container will not overflow on the navbar brand
Related to: #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
I've spend hours trying to figure out how to modify the width of the sidebar without success. I feel bad asking for such thing.
Here is my attempt: https://codepen.io/newemka/pen/LMVzva
Does this properly support bootstrap 4? Thanks
DropDown Should Come Inside NavBar Like githubDoc Pages.
its possible to make animate menu in navbar class bootstrap. i have sample with boostrap 3 and wanna make fixed-left navbar with animate dropdown like this link . https://bootsnipp.com/snippets/PbDb5. tfa
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.