読者です 読者をやめる 読者になる 読者になる

Bootstrap3でTwitterのタイムラインっぽいのを簡単につくってみた

html

メディアオブジェクト(Media object)を使ってみた。

<ul class="media-list">
	<li class="media">
		<!--アイコン画像-->
		<a class="pull-left" href="#"><img class="media-object" width="64" height="64" src="http://cccabinet.s1.adexd.net/image/64image.png"></a>
		<div class="media-body">
			<!--ID名と日時-->
			<a href="#"><h5 class="media-heading"><strong>@thr3a</strong></a> <a href="#"><small>2012年10月30日 18:14</small></a></h5>
			<!--本文-->
			高学歴が「学歴は関係ない」と言うのは、彼らの世界では高学歴が前提だからです。みんな高学歴なので学歴が関係ないように見えてるだけです。プリキュアも「可愛いだけじゃないのがガールズの約束なの」とか言ってるけど、可愛いのは前提です。女の子なら誰でもプリキュアになれるなんて嘘ですからね。
	</li>
</ul>