我在将图标装入Row元素时遇到一个小问题.
现在，图标占据了整行::
<LinkedInIcon />
我做到了不占整排::
<div style={{ background: "white", display: "inline-block" }}>
<LinkedInIcon />
</div>
现在我必须在图标的右侧添加一些文本，但它不起作用.我将我的代码添加到沙箱::
<Row>
<p className="text-center text-white">Bosky</p>
{/* this icon does not behave properly, it does not allow the text'Bosky' to show in the same row */}
<div style={{ background: "white", display: "inline-block" }}>
<LinkedInIcon />
</div>
</Row>
https://codesandbox.io/s/bosky-active-ow4qs7?file=/src/Components/Footer.js:447-559个