小编jmv*_*jmv的帖子

内联样式css背景反应不显示

我的代码中有什么问题这是一个滑块:

<Slider {...settings}>
            {slides.map(function(item){
                return (
                    <div key={item.id} className="item-slider" 
                        style={{background: `url(images/covers/${item.cover})`}}>
                        <div className="caption">
                            <h4>{item.topic}</h4>
                            <p>{item.title}</p>

                        </div>
                    </div>
                    )  
            })}
        </Slider>
Run Code Online (Sandbox Code Playgroud)

我正在使用react- slick,我测试了如果item.cover正在接收一些数据.它确实如此.但是当我坚持它的风格它没有出现并检查它,并没有收到任何错误.

示例:代码.codesandbox.io/s/5v0308l68k(无法上传图片)

css reactjs react-slick

6
推荐指数
2
解决办法
1426
查看次数

bootstrap 4使下拉列表可滚动

我的小型设备上的下拉菜单有问题.当我在这里尝试解决方案时,我无法使其滚动(即溢出:自动/溢出-y:滚动)即使我使用它也不起作用!重要.即使下拉菜单打开,我能够滚动的是我的主页面. 在此输入图像描述

<nav class="navbar navbar-toggleable-sm ">
    <button class="navbar-toggler navbar-toggler-right main-navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav-collapse" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
        <span class="fa fa-bars"></span>
    </button>
    <a class="navbar-brand animation" data-animation ="fadeInLeft" href="#"><img src="/093017/img/logo-tmi.png" alt="logo"/></a>
    <div class="collapse navbar-collapse" id = "main-nav-collapse" >
        <ul class="nav navbar-nav navbar-main mr-auto mt-2 mt-md-0 animation" data-animation = "fadeInRight">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Vehicles</a>
                <div class="dropdown-menu default-menu main-menu sm-main-menu animation" data-animation = "fadeIn">
                    <!-- Nav tabs -->
                    <div class="sm-main-nav" >
                        <a class="dropdown-item" href="#">Cars</a><hr> …
Run Code Online (Sandbox Code Playgroud)

html css css3 twitter-bootstrap

5
推荐指数
3
解决办法
9648
查看次数

bootstrap 4 单击时删除下划线

我在删除单击导航栏中的菜单时出现的下划线时遇到问题,这是我使用的代码。但它不起作用!

a.nav-link, a.nav-link:hover, a.nav-link:active, a.nav-link:visited, a.nav-link:focus {
    text-decoration:none;
}
Run Code Online (Sandbox Code Playgroud)

仍然没有运气。

我正在使用引导程序 4 alpha

html css twitter-bootstrap

3
推荐指数
1
解决办法
6263
查看次数

bootstrap 4 alpha 中的全宽导航标签

您好,如何使我的导航标签全宽,我尝试使用width:100%;无济于事。 在此处输入图片说明

这是我使用的 html 代码。

<ul class="nav nav-tabs" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#home" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#learn" role="tab">Learn More</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#faq" role="tab">Frequently Asked Questions</a>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

3
推荐指数
2
解决办法
8261
查看次数

标签 统计

css ×4

html ×3

twitter-bootstrap ×3

css3 ×1

react-slick ×1

reactjs ×1