Bootstrap 3 column grid not working correctly in IE - twitter-bootstrap-3

I am developing a responsive website with angular 7 and Bootstrap 3. Works perfectly on all browser but IE. In IE11, wherever I am using col-lg-12, content goes to the next line.

Add the following code to your head tag
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Related

How to disable auto zoom in quill editor from react native package?

I am trying to integrate quill editor in my react-native application. I am using
react-native-webview-quilljs package for this.
https://github.com/reggie3/react-native-webview-quilljs
<WebViewQuillJS
defaultContent="sdfsd"
backgroundColor={"#FAEBD7"}
/>
The problem I am facing is the editor is zooming in when I click on editor to type. This behaviour is taking some part of the editor from the right side off the screen and have to scroll. This behaviour is seen only in iOS platform but not in Android.
I found a work around which might not be a good way.
In index.html from the path given bellow, I changed the meta tag
node_modules > react-native-webview-quilljs > assets > index.html
from this
<meta name="viewport" content="width=device-width,initial-scale=1"/>
to
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
if there is any other solution, would be welcome

Application Display Issue on iPhone X

The application built on MobileFirst (IBM worklight) is not displayed properly on iPhone X simulator.
How can we fix this display issue?
Secondly, Mobilefirst compatible with "safe area" xCode 9 feature?
Please advice.
This is a known issue and is being fixed. Open a PMR with IBM MobileFirst to obtain a fix. Until then , you can use this workaround:
Go to .html page of the application and replace the viewport meta tag by adding the viewport-fit=cover property
Replace
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
minimum-scale=1.0, user-scalable=0" name="viewport">
with new tag
<meta content="width=device-width,initial-scale=1.0,viewport-fit=cover,
maximum-scale=1.0,minimum-scale=1.0, user-scalable=0" name="viewport">

polymer 2.0 web app doesnt work on firefox and Edge

Hi why could be that whis web page works fine in Chrome but not in firefox and Edge? Example
I cant find why :( and I dont know how to search the problem :(
Can you try to replace your line
<script type="text/javascript" src="bower_components/webcomponentsjs/custom-elements-es5-adapter.js"></script>
with
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>

IE 11 displaying some strange characters in Dojo content pane

I am using Dojo Accordian Container, the content panes inside the accordian are just displaying text. Everything works fine in firefox, chrome except for IE 11. Below are snapshots of the issue
When I do something on the browser, like say If I open developer tools, the correct text gets displayed
Have you tried using this in your HTML??
<META HTTP-EQUIV="X-UA-Compatible" content="IE=Edge" />
I've had many problems with IE and dojo in the past. Firefox and Chrome always seem to work perfectly. It's just a stab in the dark but the line above fixed many similar problems for me.

Why desktop version shown rather than responsive version?

I've used bootstrap 3 in my design to make it responsive. but why does desktop version shown rather than responsive version in mobile/tablet browsers?
Here is my page:
https://payment24.ir/order-physical-visa-master-card/
Is it because of
<meta name="viewport" content="width=device-width; initial-scale=0;user-scalable=1;">
or not? what's wrong?
Yes. Try this:
<meta name="viewport" content="width=device-width, initial-scale=1">