మీడియా వస్తువు
బ్లాగ్ కామెంట్లు, ట్వీట్లు మరియు ఇలాంటి అత్యంత పునరావృత భాగాలను రూపొందించడానికి బూట్స్ట్రాప్ మీడియా ఆబ్జెక్ట్ కోసం డాక్యుమెంటేషన్ మరియు ఉదాహరణలు.
ఉదాహరణ
మీడియా ఆబ్జెక్ట్ సంక్లిష్టమైన మరియు పునరావృత భాగాలను రూపొందించడంలో సహాయపడుతుంది , ఇక్కడ కొన్ని మీడియా పేర్కొన్న మీడియాను చుట్టుముట్టని కంటెంట్తో పాటు ఉంచబడుతుంది. అదనంగా, ఇది ఫ్లెక్స్బాక్స్కు ధన్యవాదాలు అవసరమైన రెండు తరగతులతో మాత్రమే చేస్తుంది.
క్రింద ఒకే మీడియా వస్తువు యొక్క ఉదాహరణ. కేవలం రెండు తరగతులు మాత్రమే అవసరం - చుట్టడం .media
మరియు .media-body
మీ కంటెంట్ చుట్టూ. ఐచ్ఛిక పాడింగ్ మరియు మార్జిన్లను స్పేసింగ్ యుటిలిటీల ద్వారా నియంత్రించవచ్చు .
మీడియా శీర్షిక
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.ఫ్లెక్స్బగ్ #12: ఇన్లైన్ మూలకాలు ఫ్లెక్స్ ఐటెమ్లుగా పరిగణించబడవు
Internet Explorer 10-11 లింక్లు లేదా చిత్రాలు (లేదా ::before
మరియు ::after
నకిలీ మూలకాలు) వంటి ఇన్లైన్ మూలకాలను ఫ్లెక్స్ ఐటమ్లుగా అందించదు. నాన్-లైన్ విలువను సెట్ చేయడం మాత్రమే ప్రత్యామ్నాయం display
(ఉదా, block
, inline-block
, లేదా flex
). మా డిస్ప్లే యుటిలిటీలలో.d-flex
ఒకదానిని సులభమైన పరిష్కారంగా ఉపయోగించమని మేము సూచిస్తున్నాము .
మూలం: GitHubలో Flexbugs
గూడు కట్టడం
మీడియా ఆబ్జెక్ట్లు అనంతంగా గూడు కట్టబడి ఉంటాయి, అయితే మీరు ఏదో ఒక సమయంలో ఆపివేయమని మేము సూచిస్తున్నాము. పేరెంట్ మీడియా ఆబ్జెక్ట్లో .media
సమూహాన్ని ఉంచడం..media-body
మీడియా శీర్షిక
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.అమరిక
మీడియా ఆబ్జెక్ట్లోని మీడియాను ఫ్లెక్స్బాక్స్ యుటిలిటీస్తో మీ .media-body
కంటెంట్ ఎగువ (డిఫాల్ట్), మధ్య లేదా ముగింపుకు సమలేఖనం చేయవచ్చు.
అగ్ర సమలేఖన మీడియా
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.
డోనెక్ సెడ్ ఒడియో డ్యూయి. నుల్లమ్ క్విస్ రిసస్ ఎగెట్ ఉర్నా మొల్లిస్ ఓర్నారే వెల్ యూ లియో. కమ్ సోసిస్ నాటోక్ పెనాటిబస్ మరియు మాగ్నిస్ డిస్ పార్ట్యురియెంట్ మాంటెస్, నాస్కేటర్ రిడిక్యులస్ మస్.
కేంద్రంతో సమలేఖనం చేయబడిన మీడియా
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.
డోనెక్ సెడ్ ఒడియో డ్యూయి. నుల్లమ్ క్విస్ రిసస్ ఎగెట్ ఉర్నా మొల్లిస్ ఓర్నారే వెల్ యూ లియో. కమ్ సోసిస్ నాటోక్ పెనాటిబస్ మరియు మాగ్నిస్ డిస్ పార్ట్యురియెంట్ మాంటెస్, నాస్కేటర్ రిడిక్యులస్ మస్.
దిగువకు సమలేఖనం చేయబడిన మీడియా
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.
డోనెక్ సెడ్ ఒడియో డ్యూయి. నుల్లమ్ క్విస్ రిసస్ ఎగెట్ ఉర్నా మొల్లిస్ ఓర్నారే వెల్ యూ లియో. కమ్ సోసిస్ నాటోక్ పెనాటిబస్ మరియు మాగ్నిస్ డిస్ పార్ట్యురియెంట్ మాంటెస్, నాస్కేటర్ రిడిక్యులస్ మస్.
ఆర్డర్ చేయండి
order
HTMLను సవరించడం ద్వారా లేదా ఆస్తిని సెట్ చేయడానికి (మీరు ఎంచుకున్న పూర్ణాంకానికి) కొంత అనుకూల ఫ్లెక్స్బాక్స్ CSSని జోడించడం ద్వారా మీడియా ఆబ్జెక్ట్లలోని కంటెంట్ క్రమాన్ని మార్చండి .
మీడియా వస్తువు
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.మీడియా జాబితా
మీడియా ఆబ్జెక్ట్కు చాలా తక్కువ నిర్మాణ అవసరాలు ఉన్నందున, మీరు ఈ తరగతులను జాబితా HTML మూలకాలపై కూడా ఉపయోగించవచ్చు. మీ <ul>
లేదా లో, ఏదైనా బ్రౌజర్ డిఫాల్ట్ జాబితా శైలులను తీసివేయడానికి <ol>
జోడించి, ఆపై మీ sకి వర్తించండి. ఎప్పటిలాగే, ఫైన్ ట్యూన్ చేయడానికి అవసరమైన చోట స్పేసింగ్ యుటిలిటీలను ఉపయోగించండి..list-unstyled
.media
<li>
-
జాబితా ఆధారిత మీడియా వస్తువు
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్. -
జాబితా ఆధారిత మీడియా వస్తువు
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్. -
జాబితా ఆధారిత మీడియా వస్తువు
క్రాస్ సిట్ అమెట్ నిబ్ లిబెరో, ఇన్ గ్రావిడ నుల్లా. నుల్లా వెల్ మెటస్ స్క్లెరిస్క్ అంటే సొల్లిసిటుడిన్. క్రాస్ పురస్ ఓడియో, వెస్టిబులం ఇన్ వల్పుటేట్ ఎట్, టెంపస్ వివెర్రా టర్పిస్. Fusce condimentum nunc ac nisi vulputate fringilla. ఫౌసిబస్లో డోనెక్ లాసినియా కంగూ ఫెలిస్.