Question

我使用的是“旧”FB Likebox：

<div class="container">
    <div class="row-fluid">
        <div class="span12">
            <div id="fb-root"></div>
            <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
            <script type="text/javascript">FB.init("394109690683544");</script>
            <fb:fan height="120px;" width="100%" logobar="false" stream="false" connections="12" css="http://myurl.com/facebook.css" profile_id="562615520421911" class="fb_iframe_widget "></fb:fan>
        </div>
    </div>
</div>

如何将css更改为始终具有100％的宽度？我需要使用带有twitter bootstrap和响应的盒子。

谢谢

Answer 1

如果查看生成的代码

，它将无效

<fb:fan height="120px;" width="200%" ...

转换为

<iframe id="f13ed26db2962a6" class="fb_ltr" scrolling="no" name="f2625075f1fd254" style="border: medium none; overflow: hidden; height: 120px; width: 200px;"

这意味着窗口小部件只读取值，因为iframe设置为200px而不是200％

编辑：好像我能够用jQuery来破解这一点，但是因为即使span我使用文档宽度来设置范围，我也无法将display:block设置为100％到适当的宽度，但您可能需要将其更改为父div的宽度。再次hacky但可能会让你开始...

JSFiddle

流体和响应Facebook喜欢盒子

1 个答案: