Question: My setup is:

* Visual Studio 2012
* Qt 5.2.0 from
<http://download.qt-project.org/official_releases/qt/5.2/5.2.0/qt-windows-opensource-5.2.0-msvc2012-x86_64-offline.exe>
* Unzip Qwt from <http://sourceforge.net/projects/qwt/files/qwt/6.1.0/qwt-6.1.0.zip/download> to C:\qwt-6.1.0
* Opened Qt 5.2.0 64-bit for Desktop (MSVC 2012) and ran "qmake qwt.pro"
* Opened VS2012 x64 Native Tools Command Prompt and ran "nmake" and "nmake install"
* Set QWT\_ROOT = C:\qwt-6.1.0
* Added C:\qwt-6.1.0\lib to PATH
* Copied C:\qwt-6.1.0\plugins\designer\qwt\_designer\_plugin.dll to C:\Qt\Qt5.2.0\Tools\QtCreator\bin\plugins\designer

When I open Qt Creator and edit the UI then go to Tools->Form Editor->About Qt Designer Plugins I see "Cannot load library qwt\_designer\_plugin.dll:" but no error or reason.

![enter image description here](https://i.stack.imgur.com/pIVEE.png)

Answer: 
This can be corrected by modifying the mathquill-rendered-math class in mathquill.css file.

just add the following.

```
.mathquill-rendered-math * {
box-sizing: content-box;
top: auto;}

```
What I've done to solve this is find the areas where they conflict and use my custom CSS to override Bootstrap for those elements.

For instance, the powers look bad/go beyond the border because of 

```
sup {
    top: -0.5em;
}

```

in Bootstrap. I've reset this to 0 for mathquill elements in my CSS. 

You correctly point out that Bootstrap is fiddling with padding, which makes the denominator wrap around. Specifically Bootstrap uses "border-box" rather than the default "content-box" for box-sizing. Setting:

```
.denominator {
    box-sizing: content-box;
}

```

fixes this. 

This fixes the two problems in your example. I'll update this post as I find more conflicts (and their sources).