Source

ꯂꯦꯑꯥꯎꯇꯀꯤꯗꯃꯛꯇꯥ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ꯫

ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯃꯣꯕꯥꯏꯜ-ꯐ꯭ꯔꯦꯟꯗꯂꯤ ꯑꯃꯁꯨꯡ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤꯗꯃꯛ, ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯀꯟꯇꯦꯟꯇ ꯎꯠꯄꯥ, ꯂꯣꯠꯁꯤꯅꯕꯥ, ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ, ꯑꯃꯁꯨꯡ ꯁ꯭ꯄꯦꯁꯤꯡ ꯇꯧꯕꯒꯤ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ ꯗꯖꯟ ꯀꯌꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯍꯣꯡꯂꯛꯂꯤꯕꯥ꯫display

ꯄ꯭ꯔꯣꯄꯔꯇꯤꯒꯤ ꯀꯃꯟ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯅꯥ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯗꯤꯁꯞꯂꯦ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ displayꯑꯀꯛꯅꯕꯥ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯎꯠꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯟꯅꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ, ꯀꯟꯇꯦꯟꯇ, ꯅꯠꯠꯔꯒꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯤꯛꯁ ꯇꯧꯕꯤꯌꯨ꯫

ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁ ꯑꯣꯄꯁꯅꯁꯤꯡ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯴ ꯑꯁꯤ ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯥꯕꯅꯤ, ꯑꯗꯨꯕꯨ ꯃꯁꯤꯅꯥ ꯃꯊꯧ ꯇꯥꯗꯕꯥ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯀꯌꯥ ꯍꯥꯄꯆꯤꯅꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯔꯨ ꯑꯣꯏꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯒꯤ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯁꯤꯡ ꯃꯈꯥ ꯇꯥꯅꯥ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ ꯍꯥꯌꯕꯁꯤꯅꯥ displayꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯍꯣꯡꯗꯣꯛ ꯍꯣꯡꯖꯤꯟ ꯇꯧꯈꯤꯗꯦ꯫ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯣꯅꯦꯟꯇdisplay: flex ꯑꯌꯥꯝꯕꯗꯤ ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁ ꯏꯅꯦꯕꯜ ꯇꯧꯗꯨꯅꯥ ꯁꯥꯕꯅꯤ꯫

display: flexꯅꯍꯥꯛꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯔꯕꯗꯤ , .d-flexꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯚꯦꯔꯤꯑꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯧꯕꯤꯌꯨ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, .d-sm-flex). ꯁꯥꯏꯖ, ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ, ꯁ꯭ꯄꯦꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯍꯦꯅꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡdisplay ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯑꯌꯥꯕꯥ ꯄꯤꯅꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀ꯭ꯂꯥꯁ ꯅꯠꯠꯔꯒꯥ ꯚꯦꯜꯌꯨ ꯑꯁꯤ ꯃꯊꯧ ꯇꯥꯒꯅꯤ꯫

ꯃꯥꯔꯖꯤꯟ ꯑꯃꯁꯨꯡ ꯄꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫

ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁ꯭ꯄꯦꯁ ꯇꯧꯕꯒꯦ ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯅꯕꯥ marginꯑꯃꯁꯨꯡ padding ꯁ꯭ꯄꯦꯁꯤꯡ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ 1remꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ 4ꯗꯥ ꯚꯦꯜꯌꯨ ꯗꯤꯐꯣꯜꯇ $spacerꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯃꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ, ꯁ꯭ꯄꯦꯁꯤꯡ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯊꯥꯛ ꯃꯉꯥꯒꯤ ꯁ꯭ꯀꯦꯜ ꯑꯃꯥ ꯌꯥꯎꯏ꯫ ꯚꯤꯎꯄꯣꯔꯠ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯈꯜꯂꯨ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯒꯤ .mr-3ꯑꯣꯏꯅꯥ margin-right: 1rem), ꯅꯠꯠꯔꯒꯥ ꯑꯀꯛꯅꯕꯥ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯚꯦꯔꯤꯑꯦꯟꯇꯁꯤꯡ ꯈꯜꯂꯨ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, .mr-md-3ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯇꯒꯤ ꯍꯧꯅꯕꯒꯤꯗꯃꯛ) margin-right: 1remmd

ꯇꯣꯒꯜ ꯇꯧꯕꯥ꯫visibility

ꯇꯣꯒꯜ displayꯇꯧꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯕꯥ ꯃꯇꯃꯗꯥ, ꯑꯗꯣꯝꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯚꯤꯖꯤꯕꯤꯂꯤꯇꯤ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯥvisibility ꯂꯣꯌꯅꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ . ꯎꯕꯥ ꯐꯪꯗꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯅꯥ ꯍꯧꯖꯤꯀꯁꯨ ꯄꯦꯖ ꯑꯁꯤꯒꯤ ꯂꯦꯑꯥꯎꯇꯇꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯒꯅꯤ, ꯑꯗꯨꯕꯨ ꯚꯤꯖꯤꯇꯔꯁꯤꯡꯗꯒꯤ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯠꯂꯤ꯫