I am currently using the most recent version of Bootstrap, which is v4.0.0-beta.3. I am having trouble getting elements to align properly according to the official documentation. Despite searching online for solutions, I have not been able to find any that work. Many suggest creating a new class with right: 0;
, but this does not solve my issue. Can someone please advise me on what I may be doing wrong or if it could possibly be a bug within Bootstrap?
I came across a post that mentioned flex
as a potential problem, but unfortunately, they did not provide any explanation or guidance on how to resolve it.
Even when trying the example provided in the official documentation, the alignment still does not work correctly. Here is the example:
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
The actual result turns out like this:
Float left on all viewport sizesFloat right on all viewport sizesDon't float on
all viewport sizes
Even placing these elements inside a div
with the row
class has not made any difference.
For those who are unaware, Bootstrap has removed the pull-right
class in the latest update and replaced it with float-right
.