Comments (1)
It’s a little tricky. The bug is known for several months. Here is the description of why this issue happens:
To make ease-in-out left transition work in RTL, I’ve forced used CSS transition: 0.6s ease-in-out right. Otherwise (for example the ease-in-out left) it won’t even transit in RTL direction and change the image suddenly. You can check that by changing it to the left (in bootstrap-rtl.css file). It’s something which is already missed in the browsers and the bug has be filed for at least Chrome and Safari.
Possible solutions:
- You can override this transition to a more appropriate one from the very long list of transitions in CSS3.
- You can always set a background for .carousel-inner class to make its background more beautiful and matching to the rest of the UI/UX.
- use owl-carousel library. It seems much more feature-full than embed carousel of bootstrap. You can find it easily over the net. It’s also easy to use.
- It has to be some javascript tricks to solve it, but I always tried to get distance from bootstrap's javascripts. I will do it this time for 3.2.0.
Cheers,
Morteza
from bootstrap-rtl.
Related Issues (20)
- Add to Nuget Packages HOT 1
- columns overflow horizontally because of missing .row HOT 2
- Some missing styles! HOT 2
- bootstrap-rtl min is missing navbar-right HOT 1
- Label
- drop menu problem HOT 1
- bootstrap core less files loaded insteed of bootstrap rtl in multi language website
- owl carousel dont work after your script HOT 2
- Bootstrap & Chrome HOT 10
- Bootstrap Input Group Add On right border color
- Facing problem with flexslider HOT 7
- The navbar is not flipping HOT 4
- Question/help: angular app with both rtl and ltr pages HOT 3
- input-group-addon within input-group is not flipped!
- Any plan for Bootstrap 4 RTL Feature ? When It will Release ? HOT 3
- float in in small screen
- Is it possible to disable the whole css for certain elements?
- Text within svg components seems to be transformed out of the box
- get confused with the bootstrap-flipped.css
- Push 3.4.0 to npm repository
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap-rtl.