如何使用GetSkeleton将一个＆＃39; div＆＃39;并浮动其他＆＃39; div＆＃39;对？

Question

我想使用任何GetSkeleton将一个div居中并向右浮动。我如何使用GetSkeleton或任何其他响应框架来做到这一点？

我的问题与此问题类似Center one <div> and float other right 但我正在使用GetSkeleton，因此内容在移动设备上垂直堆叠。

Answer 1

我想通了

<style type="text/css">
    .Menu {
        position: absolute;
        margin-top: 8%;
        right: 5%;
    }

    ul.Menu {
        -webkit-padding-start: 0;
        padding: 0;
        padding-left: 0px;
        margin-left: 0px;
        list-style-type: none;
    }

    ul.Menu li {
        font-size: 1.2em;
        font-weight: bold;
    }

    @media screen and (max-width: 400px) {
        .Menu {
            position: relative;
            margin-top: 0%;
            right: 0px;
        }

        ul.Menu li {
            position: relative;
            right: 0px;
            text-align: left;
            text-align: center;
        }
    }

</style>

    <div class="row">
        <div class="twelve columns" style="margin-top: 2%; text-align:center;">
            <img src="Content/images/logo.png" alt="Logo" style="width:15%; min-width:150px;" />
        </div>
        <ul class="Menu">
            <li>About us</li>
            <li>Careers</li>
            <li>Contact us</li>
        </ul>
    </div>