Twitter bootstrap 如何使用引导设置文本边框？
我现在正在做我的第一个关于我的网站，这将适合我的投资组合，因为我将在下周申请我的第一份IT工作。有人建议我使用Bootstrap创建它，我想知道：是否有任何Bootstrap就绪的组件可以很好地为文本添加边框，使其看起来更专业 它应该看起来像一个带边框的居中框，文本应该在其中居中。我附上了一张IMG，上面显示了我要找的东西 我想我可以用CSS来做，但我的导师说这是可以引导的。但是，我在文档中找不到它，尝试使用带边框的文本、框中的文本等进行搜索，但没有显示任何内容 谢谢你的帮助 忘了提密码 谢谢你的帮助 我真的很抱歉，伙计们。我忘了添加自己的代码。这是我的努力，应该是关于我记者生涯的一部分：Twitter bootstrap 如何使用引导设置文本边框？,twitter-bootstrap,Twitter Bootstrap,我现在正在做我的第一个关于我的网站，这将适合我的投资组合，因为我将在下周申请我的第一份IT工作。有人建议我使用Bootstrap创建它，我想知道：是否有任何Bootstrap就绪的组件可以很好地为文本添加边框，使其看起来更专业 它应该看起来像一个带边框的居中框，文本应该在其中居中。我附上了一张IMG，上面显示了我要找的东西 我想我可以用CSS来做，但我的导师说这是可以引导的。但是，我在文档中找不到它，尝试使用带边框的文本、框中的文本等进行搜索，但没有显示任何内容 谢谢你的帮助 忘了提密码 谢谢你
<div class="journalism">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-3">
</div>
<div class="col-md-6">
<h3>Journalism</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="col-md-3">
</div>
</div>
</div>
</div>
我也在尝试做同样的事情，但以IMG为背景 它使用的是html，而不是特定于引导的css。下面是示例 人力资源{ 显示：内联块； 宽度：200px； 边距：0！重要； 填充：0！重要； } 跨度{ 宽度：100px！重要； 显示：内联块； 文本对齐：居中； } 容器{ 宽度：510px； 高度：100px； 右边框：1px纯黑； 左边框：1px纯黑； 填充：0！重要； 边距：0！重要； 边框底部：1px纯黑； } 关于 但是，您没有给出任何代码。这真是一个糟糕的做法。 请发布您的一些代码。首先，然后寻求帮助 您好，我不知道您需要多少引导解决方案 我尽我最大的努力完全依靠引导 已更新：：后台的fieldset类。在这种情况下，您还必须更改文本颜色以提高可读性 希望这是你想要的 让我们试试
<head>
<style >
fieldset{
background: url("https://images.pexels.com/photos/518543/pexels-photo-518543.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
p#innerPara{padding:20px ;}
legend{width:200px;padding:10px 20px;}
</style>
</head>
<body>
<div class='container'>
<div class="col-lg-6">
<fieldset class="border" >
<legend class ='text-center'>About Us</legend>
<p id="innerPara">
Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type
specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised
in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including
versions of Lorem Ipsum.
</p>
</fieldset>
</div>
首先你应该付出你的努力！如果有任何问题，我们将提供帮助。@Lukasz您使用的是哪个版本的引导？如果您的问题得到解决，请及时向我反馈。不要将代码作为答案发布，只需使用问题下方的编辑按钮更新问题即可。我正在更新你的问题。是的，问题解决了。谢谢你的帮助，也为你的错误感到抱歉。我还在学习如何在这个论坛上前进。还有什么我应该做的来关闭这个线程吗？这是一个多么伟大和简单的解决方案，谢谢分享！
<head>
<style >
fieldset{
background: url("https://images.pexels.com/photos/518543/pexels-photo-518543.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
p#innerPara{padding:20px ;}
legend{width:200px;padding:10px 20px;}
</style>
</head>
<body>
<div class='container'>
<div class="col-lg-6">
<fieldset class="border" >
<legend class ='text-center'>About Us</legend>
<p id="innerPara">
Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type
specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised
in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including
versions of Lorem Ipsum.
</p>
</fieldset>
</div>