如何在网络中的移动设备和桌面上设置徽标样式?

时间:2019-10-11 02:55:51

标签: html css twitter-bootstrap

我是CSS或Bootstrap的初学者。 我想制作一个显示如下的页面 但现在不能工作 This is just for PC show

This is for mobile status but logo has to be in the center of the image.

这是我的代码

<a href="#" class="open_menu bg-light radius_full">
<i class="fas fa-bars lh-40"></i>
</a>
<div class="col-lg-3 logo" data-aos-duration="600" data-aos="fade-down" data-aos-delay="1200">Startup 3</div>
    <a href="#" class="close_menu color-white"><i class="fas fa-times"></i></a>
<div class="navigation_mobile bg-dark type1">

    <div class="px-40 pt-60 pb-60 inner">
        <div class="logo color-white mb-30">Startup 3</div>
        </div>
        <div class="socials mt-40">
        </div>

        <div class="mt-50 f-14 light color-white op-3 copy">&copy; 2018 Designmodo. All rights reserved.</div>
    </div>
</div>

<!-- Header 1 -->

<header class="pt-195 pb-110 bg-light header_1">

<!-- Header Menu 1 -->

    <nav class="header_menu_1 pt-30 pb-30 mt-30">
        <div class="container px-xl-0">
            <div class="row justify-content-center align-items-center f-18 medium">
                <div class="col-lg-3 logo" data-aos-duration="600" data-aos="fade-down" data-aos-delay="1200">Startup 3</div>
        </div>
    </nav>

请帮助我 谢谢

1 个答案:

答案 0 :(得分:0)

我解决了。 这就是我被搜索到的东西。 https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488