T
T
Timofey Barinov2017-02-05 20:56:48
css
Timofey Barinov, 2017-02-05 20:56:48

How to do this in bootstrap 4?

In 3 it was like this:

<a class="navbar-brand" href="/">Title></a>
<a class="custom navbar-brand" href="#">Баланс</a>

And it came out like this:
7cd79f67aeb94b0eb3bb3a7bdc3c26c5.png
And now it's like this:
b00330d7ff6b454a8c1aefb753370945.gif
How can this be implemented in BS 4?
Provided that the menu should be on the right...

Answer the question

In order to leave comments, you need to log in

3 answer(s)
I
iBird Rose, 2017-02-13
@hol

shove the balance inside navbar-brand
and immediately it should probably be said that you can safely change that navbar-brand is a link. and make it a div for example. and it is better to immediately set the style to it inline block; for example
, and already inside make 2 links. one for the brand. another for balance

A
Alexander Reshetnyak, 2017-02-09
@Vampireos

Learn CSS)

A
Aligatro, 2017-02-10
@Aligatro

In version 4, flex was introduced, so I think you should do it with flex-grow.
I don’t know what kind of helpers there are in the 4th strap, but in theory it should look like this:

<nav class="navbar">
  <li class="element-1"></li>
  <li class="element-2"></li>
  <li class="element-3"></li>
</nav>

.element-3 {
  flex-grow: 3;
  align-self: flex-end;
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question