Question

我正在构建的登陆页面出现问题。当页面点击断点：991px时，书籍图片会在横幅下面显示。

是否有人可以帮助我解决这个问题，并通过开发人员工具查看是否与CSS有关？

我的Html在这里：

<div class="background-image" @Html.Raw(topImageStyling)>
            <div>
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 img logo img-responsive">

                        </div>
                    </div>
                </div>
                <div class="book container col-sm-12 hidden-sm hidden-xs col-md-3 col-lg-4">
                    <img src="
                </div>

                    <div class="container col-sm-12 col-md-9 col-lg-8">

                        @if (!string.IsNullOrEmpty(headerText))
            {
                if (pageAlias == "Blog")
                {
                                <h1 class="header-xl center">
                                    @Html.Raw(headerText)
                                </h1>
                            }
                            else
                            {
                                <p class="header-xl center">
                                    @Html.Raw(headerText)
                                </p>
                            }
                        }
                        @if (CurrentPage.HasValue("imageTeaserText"))
            {
                            <p class="sub-header center">
                                @Html.Raw(CurrentPage.imageTeaserText)
                            </p>
                        }


                    </div>
                <div class="col-sm-12 visible-sm visible-xs">
                    <img src="
                </div>
                </div>
        </div>

    <div class="container-fluid">
        <div class="row">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12 main-content" id="main-content">
                        <div class="row">
                            <div class="col-lg-12">
                                @CurrentPage.GetGridHtml("inovoGrid")
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

Answer 1

在landingpage.css第804行position: relative;中隐身了。解决，如果我们把另一个班级 <div class="col-sm-12 visible-sm visible-xs new-class"> .... </div>

.new-class { 职位：继承！重要 }

希望它会对你有所帮助。

响应断点错误

1 个答案: