bulma
bulma copied to clipboard
Incorrect behaviour of 'nav-right' for Bulma version above 0.5.3
When using Bulma version 0.5.x and previous versions, the behavior of nav-right
is consistently correct.
nav-left
position the nav-item
to the left
nav-right
position the nav-item
to the right
But when using Bulma version 0.6.x and later versions, the behavior of nav-right
is incorrect.
Steps to Reproduce
- Create a stylesheet definition:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.3/css/bulma.css">
- Create
nav-menu
andnav-item
<div class="nav-right nav-menu">
<a href="#" class="nav-item">Home Right</a>
<a href="#" class="nav-item">About Us RIght</a>
<a href="#" class="nav-item">Contact Right</a>
</div>
<div class="nav-left nav-menu">
<a href="#" class="nav-item">Home Left</a>
<a href="#" class="nav-item">About Us Left</a>
<a href="#" class="nav-item">Contact Left</a>
</div>
- The behavior is correct for both
nav-right
andnav-left
; - Change the stylesheet definition in step 1 from version
0.5.3
to version0.6.0
» ... »0.9.3
; - Then we got that the behavior for
nav-left
is correct but the behavior fornav-right
is incorrect.
Expected behavior
nav-right
should consistently position nav-item
to the right
Actual behavior
nav-right
incorrectly position nav-item
to the left
Tha nav component was deprecated in version 0.4.2 and removed in version 0.6.0, use the newer navbar component instead.