填充在中小型设备引导程序中无法正常工作？答案

【问题标题】：padding in not working properly in small and medium device bootstrap?填充在中小型设备引导程序中无法正常工作？
【发布时间】：2017-05-13 19:18:30
【问题描述】：

在桌面上，我在页面正文中添加了“50px”填充。它可以正常工作，但在中小型它不能正常工作。是的，我添加了一些引导功能意味着@media css 功能。但虽然它不工作。

我的 html=>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <div class="content-wrapper px-auto MainRenderedbody">
        <section class="content">
            render body
        </section>
    </div>

    render partial body
</div>

和我的 css=>

<style type="text/css">
@@media (min-width: @@screen-sm-min) and (max-width: @@screen-sm-max) {
    .MainRenderedbody {
        padding-top:100px;
    }
}
.MainRenderedbody {
    padding-top:45px;
}
</style>

我搜索一下这个问题？我找到了一些解决方案。我应用了所有主题？坚果什么都不适合我？这就是为什么我再次在这个网站上发布这种问题！！！

桌面屏幕图片=>

和小屏幕=>

看看关于“DELETE Batch”已经消失了吗？但我希望通过添加一些额外的填充来恢复它？还有另一个技巧？请帮我解决这个问题？或者给我一些建议？请高手兄弟帮忙？

【问题讨论】：

我认为您的“删除批次位于底部导航栏后面”。尝试对丢失的文本执行“检查元素”。
@Nivedita 是的，它在导航栏后面吗？我需要做什么才能让它可见？
AFAIK，@@media 无效。你不应该把@s 加倍（除非你有一个预处理器把它们变成正确的@media 查询标签）。
你的导航栏固定在顶部吗？
@Andrei Gheorghiu 对不起，我正在开发一个 rozar .net，这就是为什么它需要一个额外的 @..这不是无效的

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

您的脚本已经在sm 小屏幕上隐藏了Delete Batch。

   1. Inspect your missing `<div>`.
   2. Then identify where the `div` hides.
   3. `remove` that `class` name.
   4. you wrote your own `class` to view it in `@media`

 @media screen and (min-width: 650px){
      .className
      {
        padding-top:100px;
      }
    }

【讨论】：