1

私は Bootstrap 3 を使用しており、以下の JS Fiddle デモで使用しているこれら 2 つのグリッドを、オーバーラップするのではなく、互いに重ね合わせたいと考えています。の

<div class="col-xs-12 col-md-8">

重なる

<div class="col-xs-6 col-md-4">

「nav nav-pills nav-stacked」が隠されないように、それらを互いに積み重ねる必要があるだけです。

JS Fiddle サンプルデモ

ここにHTMLコードがあります

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-md-4">
            <ul class="nav nav-pills nav-stacked" style="max-width: 300px; background-color: #fff;">
                <li class="active"> <a href="#">link1</a>

                </li>
                <li> <a href="#">link2</a>

                </li>
                <li> <a href="#">link3</a>

                </li>
                <li> <a href="#">link4</a>

                </li>
            </ul>
        </div>
        <div class="col-xs-12 col-md-8">
            <div class="Rectangle_3_copy_2">
                <div class="Rounded_Rectangle_2"></div>
            </div>
4

2 に答える 2

0

あなたはこのようなものを求めていますか？http://jsfiddle.net/KCnJg/4/

<div class="container">
<div class="row">
    <div class="col-xs-6 col-md-4">
        <ul class="nav nav-pills nav-stacked" style="max-width: 300px; background-color: #fff;">
            <li class="active"> <a href="#">link1</a></li>
            <li> <a href="#">link2</a></li>
            <li> <a href="#">link3</a></li>
            <li> <a href="#">link4</a></li>
        </ul>
    </div>
</div>
 <div class="row">       
    <div class="col-xs-12 col-md-8">
        <div class="Rectangle_3_copy_2">
            <div class="Rounded_Rectangle_2"></div>
        </div>
    </div>
</div>

于 2013-09-03T17:40:46.810 に答える