2017-05-28 32 views
0

你好,我不知道如何解决这个问题,虽然我一直在尝试几天。以为我会试着要求别人帮忙,因为我迷路了。我的右边栏是无处可看出,当我得到下面平方米大小副标题消失在较小的意见

<head> 


    <style> 


    @media only screen and (min-width : 768px) { 

    .affix { 
     top: 20px; 
    } 

    } 
    </style> 
</head> 



<div class="container"> 
    <div class="row"> 

    <div class="col-sm-9"> 
     {{ page.content }} 
    </div> 

    <div class="col-sm-3"> 
     <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="20"> 
     {{ page.sidebar_second }} 
     </ul> 
    </div> 


    </div> 
</div> 
+0

实际上侧边栏是存在的。它就在一切之下。我知道你不喜欢链接到网站,但也许更容易对我来说,因为你无法看到它,否则(不是任何人会帮助我在这里,因为从来没有人)对不起,我只是exaspaerated http://ukfinger.com/comments –

+0

你想让你的右侧边栏在小屏幕上? –

+0

嗨Jyoti感谢您的答复。只是在内容Jy之后。我开始怀疑它是否是一个drupal的东西。我添加了页脚等,但无济于事。我可以在内容下看到侧边栏的代码,但它不会显示。我曾尝试过大约50种不同的东西,但无济于事。所有的周末都完成了:( –

回答

1

试试这个:

@media screen and (max-width: 767px) { 
    .affix { 
    position: absolute; 
    width: 100%; 
    left: 0; 
    } 
} 

enter image description here

+0

啊Jyoti,我已经完成了我的工作,我需要更多地看看它,看看你是如何管理它的,非常感谢 –

+0

嗯,我认为没有实现,我开始向下滚动,这是无关的,但它必须提出另一个问题,我可能会在某处有一些代码,因为我记得前几天看到它是浏览器问题。 –

+0

@RegGordon欢迎你,我没有看到任何东西“滚动”的宽度滚动的“小摇摆”.. –