相关疑难解决方法(0)

在本文中,我看到了Bootstrap 4 Spacing Utility Classes,他使用m-b-lg了className.

<div class="row">
    <div class="col-sm-6 m-b-lg">
        <!-- column-small-50%, margin-bottom-large -->
    </div>
</div>

但是当我在meteorjs上使用它时,没有任何反应.我错过了什么或丢失了插件吗？

<div className="container-fluid">
    <div className="col-xs-6 col-xs-offset-3 m-t-lg">
        <h1 className="text-xs-center"> Login </h1>
        <form>
            <div className="form-group">
                <input type="email" className="form-control" id="inputEmail" placeholder="Email"/>
            </div>
            <div className="form-group">
                <input type="password" className="form-control" id="inputPassword" placeholder="Password"/>
                <p className="text-xs-center"><a href="/signup"> Forgot your email or password?</a></p>
            </div>      
            <div className="form-group">
                <button className="btn btn-primary btn-block" type="submit"> Login </button>
                <p className="text-xs-center"> New to Arcademy? <a href="/signup"> Sign up now.</a></p>
            </div>
        </form>
    </div> …

是否内置保证金底层使用？我试过bottom5像

<div class="col-lg-2 bottom5"></div>

但这不起作用.

我想摆脱内容和导航栏之间的空间，我该怎么做？请告诉我如何做到这一点，请我是 css 和 html 的新手。我还尝试将它用于图像滑块上的 wordpress 导航栏和图像滑块之间有空间我如何摆脱它？先感谢您。

这是我的导航栏和内容的 html 代码。

  <nav class="navbar navbar-default navbar-top">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
            <span class="icon-bar" ></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>  
        </button>
        <img class="img-responsive" src="images/brandz.png" >
    </div>

<div class="collapse navbar-collapse" id="nav-collapse">
    <ul class="nav navbar-nav">
        <li><a href="#">Students</a></li>
        <li><a href="#">Faculty</a></li>
        <li><a href="#">Contact us</a></li>

    </ul>

    <ul class="nav navbar-nav navbar-right">
                <li><a data-toggle="modal" href="#myModal" ><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
                <!-- Modal -->
                    <div id="myModal" class="modal fade" role="dialog">
                        <div class="modal-dialog">
                <!-- Modal content--> 
                         <div class="modal-content">
                             <div class="modal-header"> 
                                 <button …

我已经查看了其他问题和bootstrap文档,似乎无法找出这些类对元素的作用.任何帮助表示赞赏!我只是想让我的搜索栏在大视口上的大小为1/4,在中型视口上大小为1/3,在小视口上大小为100%!