“使用LinkedIN应用”按钮无法正常渲染？

Question

我已经在网站上成功添加 Apply with LinkedIN 按钮，问题是我设置了该按钮。非常奇怪的按钮显示，我正在使用bootstrap 3.1。 任何其他人都有类似的问题，是否有任何修复？

已经尝试了很多解决方案来覆盖我的CSS，但我没有运气，因为所有这些都来自JS

以下是我从API

获得的代码

<script type="IN/Apply" 
    data-email="example@example.com" 
    data-companyid="55885" 
    data-jobtitle='Developer' 
    data-joblocation='Serbia'
    data-themeColor="#FF9900" 
    data-showText="false">
</script>

Answer 1

经过几次尝试，为这类问题准备了一个简单的覆盖CSS。 请将此添加到您的css

span.IN-widget span span a span {
    width:180px !important;    
    text-align:left !important;
}

Answer 2

可能是因为LinkedIN脚本与box-sizing : border-box（由最新版本的Twitter Bootstrap使用）不能很好地协同工作。

如果是这样，那就是this topic的问题，解决方案可能是将此代码段添加到您的CSS中：

span[id*='li_ui_li_gen_'] {
    -webkit-box-sizing : content-box;
       -moz-box-sizing : content-box;
         -o-box-sizing : content-box;
            box-sizing : content-box;
}

Answer 3

应该注意的是，LinkedIn在2014年7月21日弃用了此功能。他们建议应使用Profile API重建功能。 http://help.linkedin.com/app/answers/detail/a_id/7234/~/apply-with-linkedin%3A-no-longer-supported