Friday, February 23, 2024
 Popular · Latest · Hot · Upcoming
rated 0 times [  118] [ 1]  / answers: 1 / hits: 51081  / 8 Years ago, fri, february 12, 2016, 12:00:00

In this article I saw Bootstrap 4 Spacing Utility Classes, and he uses m-b-lg in className.

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

But when I use it on meteorjs with react nothing happens. Am I missing something or missing a plugin?

<div className=container-fluid>
<div className=col-xs-6 col-xs-offset-3 m-t-lg>
<h1 className=text-xs-center> Login </h1>
<div className=form-group>
<input type=email className=form-control id=inputEmail placeholder=Email/>
<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 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>

More From » css


Refer to the Spacing (Bootstrap v4 alpha) documentation.

The classes are named using the format: {property}-{sides}-{size}

Where size is one of: * 0 - for classes that eliminate the margin
or padding by setting it to 0 * 1 - (by default) for classes that
set the margin or padding to $spacer-xor $spacer-y * 2 - (by
default) for classes that set the margin or padding to $spacer-x *
or $spacer-y * 1.5 * 3 - (by default) for classes that set the margin or padding to $spacer-x * 3 or $spacer-y * 3.

So use m-t-3 instead of m-t-lg.

[#63339] Wednesday, February 10, 2016, 8 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 642
Total Questions: 110
Total Answers: 98

Location: Solomon Islands
Member since Mon, Jun 20, 2022
2 Years ago