Question

我一直在努力，但找不到办法。所以我有一个带有白色丝带（图像）的自举列，我试图将Bootstrap导航栏放在这个白色丝带的顶部。

            <div class="row">
                <div class="col-lg-offset-4">
                    <img src="./Images/WhiteRibbon.png" id="WhiteRibbonImg">



                    <nav class="navbar">
                        <ul class="nav navbar-nav">


                            <li class="dropdown" class="col-lg-2 col-md-2">

                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu Item</a>

                                <ul class="dropdown-menu">
                                    <li><a href="#">Suspendisse tincidunt</a></li>
                                    <li><a href="#">Suspendisse tincidunt</a></li>
                                    <li><a href="#">Suspendisse tincidunt</a></li> 
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>

现在它只是在其下方显示Navbar图像。我试图绝对将它们与父列/行相关联，但它不起作用。

IDEAL：

我现在拥有的：

Answer 1

Traceback (most recent call last):

  File "myprojectpath", line 63, in speech
    tts.save(audio_file)

  File "C:\Python35\lib\site-packages\gtts\tts.py", line 93, in save
    with open(savefile, 'wb') as f:

Answer 2

尝试在CSS中使其绝对

display: absolute;

Answer 3

尝试将z-index: 2添加到列表/列表项的CSS样式中。 z-index指定元素的堆叠。具有较高值的元素位于较低值元素之上。每个元素的默认值为1.

将图像和导航栏定位在彼此顶部

3 个答案: