对齐左侧的文本部分并将其保持在引导程序4的中心位置

时间:2017-12-01 06:01:36

标签: twitter-bootstrap bootstrap-4

我在bootstrap-4中遇到了一些问题。 我将该部分置于text-center

的中心位置
<div class="text-center text-left">
    <h2>Hi,I'm,</h2>
    <h2>Bonheur jed,</h2>
    <h2>Web Developer.</h2>
</div>

但我不需要标题中心

                     Hi,I'm,
                  Bonheur jed,
                 Web Developer.

相反,我希望它们在左边对齐但是居中

                 Hi,I'm,
                 Bonheur jed,
                 Web Developer.

1 个答案:

答案 0 :(得分:0)

您应该移除text-center并放置text-left

如果您想要分组中心,则必须为css课程写一些div 示例class =“mydiv”并添加了一些你要对齐的css

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

<div class="text-left">
           <h2>Hi,I'm,</h2>
           <h2>Bonheur jed,</h2>
           <h2>Web Developer.</h2>
    </div>