1

i am using the "old" 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>

how can i change the css to always have a 100% width? I need to use the box with twitter bootstrap and responisve.

thank you

4

1 回答 1

3

如果您查看生成的代码，它将无法正常工作

<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

于 2013-01-17T14:26:19.330 回答