Question

我想知道如何使它成为可能，以便在单行文本中，比如说文本，我可以用粗体加一些单词，而那行中的其余文本不加粗。我已经提供了一张特定问题的图片：Picture of my Issue

具体来说，正如你所看到的，我想知道我如何能够使用“荣誉：”和“顶点：”，但不会在这些行中加入文字。

我已将我目前的代码包括在内：

<section id= "about">
<div class= "container">
<div class= "row justify-content-center">
   <div class= "col-sm-10">
       <img src="assets/testLogo.png" width="200" height="200"  alt="" class="img-fluid logoImages ">
           <h1 class="text-center pt-4">XYZ College</h1>
           <h5 class="text-center pt-3">B.A In Cool Stuff XYZ Test 123</h5>
           <h6 class="text-center pb-3">September 20xx - May 20xx</h6>

           <h6 class="text-center pt-3">Honors: XYZABC Honorary Scholarship</h6>
           <h6 class="text-center pt-3">Capstone Title: The Study of supernatant fluids in extremely inert atmospheres and high temperatures</h6>
   </div>
</div>  
</div>  
</section>

另一个相关的问题是，我怎样才能使文本保持对齐，这意味着“Honors ....”和“Capstone ......”通过不同的线条，从同一垂直轴开始，而是包裹以保持每边相等的空白区域？

非常感谢！

Answer 1

Bootstrap 4中有字体粗细的实用程序类。请检查此URL：https://getbootstrap.com/docs/4.0/utilities/text/#font-weight-and-italics

对于您的代码，请使用span来使字体粗细正常。

<h6 class="text-center pt-3">Honors: <span class="font-weight-normal">XYZABC Honorary Scholarship<span></h6>

或者您可以使用自定义样式。

如何在Bootstrap 4的同一行中使用相同标题（h-type）文本的不同样式（粗体/非粗体/斜体）？

1 个答案: