Question

我的第一个问题是，我在偏移的boostrap列中维护侧导航栏时遇到了一些困难。

我是技术作家，仍在学习平台。我有一行包含一组偏移的列：

    div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-4 col-lg-8 col-lg-offset-2">

我的侧边栏导航链接是静态的，滚动。

    <div class="col-md-2 col-md-offset-0  col-lg-2 col-lg-offset-0 ">
                            <div class="topics">
                                <h4 class="sidenavheader">In this topic:</h4>
                                <ul class="list-unstyled">
                                    <li><a href="#First" title="Click here to learn about first time login" alt="Click here to learn about first time login">First Time Login</a>
                                    </li>
                                    <li><a href="#Navigati" title="Click here to learn about Navigation" alt="Click here to learn about Navigation">Navigation</a>
                                    </li>
                                    <li><a href="#Navigati2" title="Click here to learn about Navigation Home Page" alt="Click here to learn about Navigation Home Page">Removing elements</a>
                                    </li>
                                    <li><a href="#My" title="Click here to learn about My Self page" alt="Click here to learn about My Self page">My Self</a>
                                    </li>
                                    <li><a href="#My2" title="Click here to learn about My Company" alt="Click here to learn about My Company">My Company</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

当我缩小窗口（在1200px范围内）侧导航栏进入并且上面div中的主要内容向右移动时出现问题。缩小窗口（@ 972 px）会将内容恢复为居中并删除侧边栏（这就是我想要的）。

所以看来媒体上的媒体查询是个问题？我尝试了很多选项，我想我错过了一些东西。

我真的很喜欢这个网站。我可以使用一些帮助，因为我没有从引导文件或我的搜索中收集我需要的东西。谢谢。 JJ

Answer 1

如果我理解正确，问题只是您没有为中等屏幕宽度正确分配12个可用列。试试这个：

<div class="col-md-6 col-md-offset-3 col-lg-8 col-lg-offset-2">

和

<div class="col-md-3 col-lg-2">

<强> Demo

请注意，我删除了侧边栏的不必要的偏移量。

如何在引导程序中保留带有居中内容列的偏移列？

1 个答案: