3

そのバーを少し下に移動できるかどうか知りたいのですが、バーは<p>タグで包まれています。

<div class="span9 well">
<div class="row-fluid">
    <div class="row-fluid">
        <div class="span2">
            <img src="dummy_image.jpg" class="img-polaroid">
        </div>
        <div class="span7">
            <h2>Title</h2>      
            <p>Texttttttttttttttttt.</p>
            <p >
                <a href="#"><span class="label label-info">Genre</span></a>
                <span class="label label-warning">
                <i class="icon-star"></i>
                ...<!-- stars -->
                </span>     
                <a href="#"><span class="label label-success">Yes</span></a> / <a href="#"><span class="label label-important">No</span></a>
            </p>
        </div>
    </div>
</div>

変更したい実際のブロックのスクリーンショット：

ここに画像の説明を入力してください

4

2 に答える 2

2

<p>タグにはいつでも次のように名前を付けることができます。

<p class="bar">
    <a href="#"><span class="label label-info">Genre</span></a>
    <span class="label label-warning">
    <i class="icon-star"></i>
    ...<!-- stars -->
    </span>     
    <a href="#"><span class="label label-success">Yes</span></a> / <a href="#"><span class="label label-important">No</span></a>
</p>

次に.bar {margin-top: 20px;}、cssコードで使用します。これは悪い動作ではありません。

于 2012-12-12T12:22:43.417 に答える
1

使用するposition:absolute

.row-fluid{position:relative; width:450px; background:red; overflow:auto}
.span2{display:inline; float:left}
.span7{display:inline; }
.row-fluid > p{position:absolute; bottom:0; left:170px}​

デモ

于 2012-12-12T12:25:57.733 に答える