Как добиться «закодированных элементов» с помощью Bootstrap 4 - PullRequest
Новая
       27

Как добиться «закодированных элементов» с помощью Bootstrap 4

0 голосов
/ 04 февраля 2019

Я хочу получить «закодированные элементы» (которые используются в фоновом режиме) для моего сайта, как показано на рисунке ниже.И мне также нужно, чтобы веб-страница отвечала фону.

Goal: Achieve this Web layout

вот мой код (не знаю, как называются такие элементы, какиеиспользуется в фоновом режиме. Так вот код для вида переднего плана) Кто-нибудь может предложить мне правильное направление?

Я использовал bootstrap v4.0.0. 

<div class="container-fluid">

<div class="row front">

  <div class="col-md-6 logoDiv">
    <a href="https://harshitks2203.github.io/FMProjects/HuddleLandingPage3/"> <img src="./images/logo.svg" class="img-fluid logo"
        alt="Huddle logo" /> </a>
  </div>

  <div class="col-md-6 button text-right">
    <input type="submit" value="Try It Free" name="Try It Free" placeholder="try" class="try" />
  </div>

</div>

<div class="row">
  <div class="col-md-7 illus">
    <img src="./images/illustration-mockups.svg" class="img-fluid mockup" alt="Huddle illustration mockup" />
  </div>
</div>

<div class="row">
  <div class="col-md-7 group1">
    <div class="title">
      Build The Community Your Fans Will Love
    </div>
    <div class="desc">
      Huddle re-imagines the way we build communities. You have a voice, but so does your audience.
      Create connections with your users as you engage in genuine discussion.
    </div>
    <div class="getDiv">
      <input type="submit" value="Get Started For Free" name="Get Started For Free" class="get" />
    </div>

  </div>
</div>
</div>
...