ਲੇਆਉਟ ਲਈ ਉਪਯੋਗਤਾਵਾਂ
ਤੇਜ਼ ਮੋਬਾਈਲ-ਅਨੁਕੂਲ ਅਤੇ ਜਵਾਬਦੇਹ ਵਿਕਾਸ ਲਈ, ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਸਮੱਗਰੀ ਨੂੰ ਦਿਖਾਉਣ, ਲੁਕਾਉਣ, ਅਲਾਈਨ ਕਰਨ ਅਤੇ ਸਪੇਸ ਰੱਖਣ ਲਈ ਦਰਜਨਾਂ ਉਪਯੋਗੀ ਕਲਾਸਾਂ ਸ਼ਾਮਲ ਹਨ।
ਬਦਲ ਰਿਹਾdisplay
ਸੰਪਤੀ ਦੇ ਸਾਂਝੇ ਮੁੱਲਾਂ ਨੂੰ ਜਵਾਬਦੇਹ ਢੰਗ ਨਾਲ ਟੌਗਲ ਕਰਨ ਲਈ ਸਾਡੀ ਡਿਸਪਲੇ ਯੂਟਿਲਟੀਜ਼ ਦੀ ਵਰਤੋਂ ਕਰੋ। display
ਇਸ ਨੂੰ ਸਾਡੇ ਗਰਿੱਡ ਸਿਸਟਮ, ਸਮਗਰੀ, ਜਾਂ ਭਾਗਾਂ ਨਾਲ ਮਿਲਾਓ ਤਾਂ ਜੋ ਉਹਨਾਂ ਨੂੰ ਖਾਸ ਵਿਊਪੋਰਟਾਂ ਵਿੱਚ ਦਿਖਾਉਣ ਜਾਂ ਲੁਕਾਇਆ ਜਾ ਸਕੇ।
ਫਲੈਕਸਬਾਕਸ ਵਿਕਲਪ
ਬੂਟਸਟਰੈਪ ਫਲੈਕਸਬਾਕਸ ਨਾਲ ਬਣਾਇਆ ਗਿਆ ਹੈ, ਪਰ ਹਰੇਕ ਤੱਤ display
ਨੂੰ ਇਸ ਵਿੱਚ ਨਹੀਂ ਬਦਲਿਆ ਗਿਆ ਹੈ display: flex
ਕਿਉਂਕਿ ਇਹ ਬਹੁਤ ਸਾਰੇ ਬੇਲੋੜੇ ਓਵਰਰਾਈਡਾਂ ਨੂੰ ਜੋੜ ਦੇਵੇਗਾ ਅਤੇ ਅਚਾਨਕ ਮੁੱਖ ਬ੍ਰਾਊਜ਼ਰ ਵਿਵਹਾਰ ਨੂੰ ਬਦਲ ਦੇਵੇਗਾ। ਸਾਡੇ ਜ਼ਿਆਦਾਤਰ ਹਿੱਸੇ flexbox ਸਮਰਥਿਤ ਨਾਲ ਬਣਾਏ ਗਏ ਹਨ।
ਕੀ ਤੁਹਾਨੂੰ display: flex
ਕਿਸੇ ਤੱਤ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਅਜਿਹਾ .d-flex
ਜਵਾਬਦੇਹ ਰੂਪਾਂ ਵਿੱਚੋਂ ਇੱਕ ਨਾਲ ਕਰੋ (ਉਦਾਹਰਨ ਲਈ, .d-sm-flex
)। ਆਕਾਰ, ਅਲਾਈਨਮੈਂਟ, ਸਪੇਸਿੰਗ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਲਈ ਸਾਡੀਆਂ ਵਾਧੂ ਫਲੈਕਸਬਾਕਸ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦੇਣ ਲਈ ਤੁਹਾਨੂੰ ਇਸ ਸ਼੍ਰੇਣੀ ਜਾਂ display
ਮੁੱਲ ਦੀ ਲੋੜ ਪਵੇਗੀ।
ਮਾਰਜਿਨ ਅਤੇ ਪੈਡਿੰਗ
margin
ਇਹ ਨਿਯੰਤਰਣ ਕਰਨ ਲਈ ਅਤੇ padding
ਸਪੇਸਿੰਗ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਕਿ ਤੱਤ ਅਤੇ ਭਾਗਾਂ ਨੂੰ ਕਿਵੇਂ ਵਿੱਥ ਅਤੇ ਆਕਾਰ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਇੱਕ 1rem
ਮੁੱਲ ਡਿਫੌਲਟ $spacer
ਵੇਰੀਏਬਲ ਦੇ ਅਧਾਰ ਤੇ, ਸਪੇਸਿੰਗ ਉਪਯੋਗਤਾਵਾਂ ਲਈ ਇੱਕ ਛੇ-ਪੱਧਰ ਦਾ ਪੈਮਾਨਾ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ। ਸਾਰੇ ਵਿਊਪੋਰਟਾਂ ਲਈ ਮੁੱਲ ਚੁਣੋ (ਉਦਾਹਰਨ .me-3
ਲਈ , margin-right: 1rem
LTR ਵਿੱਚ), ਜਾਂ ਖਾਸ ਵਿਊਪੋਰਟਾਂ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਣ ਲਈ ਜਵਾਬਦੇਹ ਰੂਪਾਂ ਨੂੰ ਚੁਣੋ (ਉਦਾਹਰਨ .me-md-3
ਲਈ , margin-right: 1rem
— LTR ਵਿੱਚ — ਬ੍ਰੇਕਪੁਆਇੰਟ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹੋਏ md
)।
ਟੌਗਲ ਕਰੋvisibility
ਜਦੋਂ ਟੌਗਲ ਕਰਨ ਦੀ ਲੋੜ ਨਾ ਹੋਵੇ, ਤਾਂ ਤੁਸੀਂ ਸਾਡੀ ਦਿੱਖ ਉਪਯੋਗਤਾਵਾਂ ਨਾਲ ਕਿਸੇ ਤੱਤ ਨੂੰ display
ਟੌਗਲ ਕਰ ਸਕਦੇ ਹੋ । ਅਦਿੱਖ ਤੱਤ ਅਜੇ ਵੀ ਪੰਨੇ ਦੇ ਖਾਕੇ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਨਗੇ, ਪਰ ਵਿਜ਼ਟਰਾਂ ਤੋਂ ਦ੍ਰਿਸ਼ਟੀਗਤ ਤੌਰ 'ਤੇ ਲੁਕੇ ਹੋਏ ਹਨ।visibility