Как разместить два слова на одной строке, чтобы они как бы смотрели на друг друга?

У fructcode bootstrap 3 используется, тут пример:

https://getbootstrap.com/docs/3.4/examples/navbar/

Если на чистом html и css, расположение можно сделать в одну строчку с помощью css свойства float: left; или можно с помощью flexbox или grid. Пример на grid:

HTML

<div class="wrapper">
  <div>1</div>
  <div>2</div>
</div>

CSS

.wrapper {
 display: grid;
 grid-auto-rows: 100px; /* высота 100px */
 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 transform: scaleY(-1); /* зеркальное отражение по вертикали */
}

.wrapper > div {
  background: aliceblue;
  border: 1px solid cadetblue;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scaleY(-1);
}