我试图弄清楚为什么我的网站上的某些Bootstrap 3.0按钮在"兼容模式"在IE 11中。
这是它应该是什么样子:
这就是"兼容模式":
的样子提前感谢任何知道导致这种情况的人。我认为这是一个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 /> </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 /> </h5></div>
</button>