为什么Bootstrap在兼容模式下无法在IE 11中运行

时间:2014-05-20 21:45:41

标签: twitter-bootstrap internet-explorer

我试图弄清楚为什么我的网站上的某些Bootstrap 3.0按钮在"兼容模式"在IE 11中。

这是它应该是什么样子:

http://imgur.com/hfzscXW

这就是"兼容模式":

的样子

http://imgur.com/imydiHM

提前感谢任何知道导致这种情况的人。我认为这是一个Bootstrap冲突,但此时我还是一无所知。

以下是代码:

<button id="btnSoftwareDb" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/icon-crm.png")" border="0" alt="Software Database" title="Software Database" class="img-responsive" /></div>
            <div><h5 class="h5">Software<br />Database</h5></div>
        </button>

<button id="btnTDN" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/TDNotebook.png")" border="0" alt="TDNotebook" title="TDNotebook" class="img-responsive" /></div>
            <div><h5 class="h5">TDNotebook<br />Admin</h5></div>
        </button>

<button id="btnDashboard" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/dashboard.png")" border="0" alt="Dashboard" title="Dashboard" class="img-responsive" /></div>
            <div><h5 class="h5">TDNotebook<br />Dashboard</h5></div>
        </button>

<button id="btnMarketing" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/marketing.png")" border="0" alt="Marketing" title="Marketing" class="img-responsive" /></div>
            <div><h5 class="h5">Marketing<br />&nbsp;</h5></div>
        </button>

<button id="btnAdmin" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/knowledgebase.png")" border="0" alt="Admin" title="Admin" class="img-responsive" /></div>
            <div><h5 class="h5">inData<br />Admin</h5></div>
        </button>

<button id="btnProductManagement" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/ProdMgmt.png")" border="0" alt="Admin" title="Admin" class="img-responsive" /></div>
            <div><h5 class="h5">Product<br />Management</h5></div>
        </button>

<button id="btnDevelopment" class="btn btn-default">
            <div><img src="@Url.Content("~/Images/development.png")" border="0" alt="Admin" title="Admin" class="img-responsive" /></div>
            <div><h5 class="h5">Development<br />&nbsp;</h5></div>
        </button>

0 个答案:

没有答案