我一直在使用Twitter Bootstrap來放置一個PHP網站,我遇到了一些我無法修復的奇怪行爲。我使用一個循環來創建圖像框(下面有一個屏幕截圖),但由於某種原因,循環創建了非常奇怪的對齊問題(我試圖讓它們在垂直列中)。所有的代碼都在下面。如果任何人都可以幫助或指出我會朝着正確的方向發展,那將是非常棒的。在瀏覽器窗口中奇怪的Twitter Bootstrap行爲
foreach ($media->data as $data) {
$x = $instagram->likeMedia($data->id);
$usr = $data->caption->from->username;
echo "<div class=\"span2\">";
echo "<span style=\"text-align: center;\">";
echo "<a href=\"{$data->link}\" target=\"_blank\">";
echo "<div class=\"well\">";
echo "<img src=\"{$data->images->thumbnail->url}\" alt=\"Loading...\">";
echo "</a><br /><br /><a rel=\"tooltip\" title=\"Visit {$usr}'s Profile\" class=\"btn btn-primary btn-small\" href=\"http://instagram.com/{$usr}\">View Profile</a><br /></span>";
echo "</div></div>";
}
HTML代碼:瀏覽器中http://snippi.com/s/dagwl09
截圖奇怪的現象:
完美,謝謝! – 2013-02-28 09:20:35
歡迎您好友!爲你創建一個jsfiddle以及..清理了一些代碼.. – Shail 2013-02-28 09:24:00
嗨,抱歉再次打擾你,但我有另一個問題。目前我正在使用'foreach'循環來回顯圖像。我如何每六張圖片插入一個'