Bootstrap does not work text-align to me in the class

Question

Bootstrap does not work text-align to me in the class

Navigation

#1 by (2 votes)

1

I'm trying to put the letter of the header in the center but I can not get it, I also try to put two classes and they do not work like they can be: color and align. I have no idea why I do not get both classes.

<p class="text-primary text-right" >Menu</p>

, that's the two classes that do not catch me, and what I want is that I have a certain color and also focus

  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Maquetado v.1</title>
</head>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<body>

    <div class="container">
        <div class="row bg-warning ">
            <!-- menu -->
            <p class="text-primary text-right" >Menu</p>

        </div>
        <div class="row">
            <div class="col">
                <p>fil-1 col-1</p>
            </div>
            <div class="col">
                <p>fil-1 col2</p>
            </div>
            <div class="col">
                <p>fil-1 col3</p>
            </div>
        </div>
    </div>

</body>
</html>

html css bootstrap

asked by josanangel 28.04.2018 в 17:18

source

1 answer

Send string by Post from client to Java server Jersey How to show the data of a List of Objects (collection) in C #?

score 2 · Accepted Answer

If you want to focus it should be like this:

<div class="row bg-warning ">
        <!-- menu -->
        <div class="col">
            <p class="text-primary text-center" >Menu</p>
        </div>
    </div>

Have the test. Note: as for the color to me if it works for me, the text-primary class in blue