Bootstrap v4推拉

Question

所以我读过这个主题：Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3

但我仍有一些问题：

我的代码（我已经缩短了一点，但我认为没有什么重要的遗漏）：

    <div class="row justify-content-center">
        <div class="col-lg-8 col-md-12">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
        </div>
    <div class="col-lg-4 col-md-10 justify-content-center"  >
        /*My login div*/
    </div>

所以，我想要发生的事情：在小屏幕上我希望我的Login div几乎和屏幕一样宽（10/12并且居中），加上我希望它漂浮在屏幕的顶部，之前文本。我假设我必须向我的pull-sm-12添加类似Login div的内容，并将push-sm-10添加到我的Text div，但它不起作用，我的div只是浮出水面屏幕边框。

Answer 1

Bootstrap 4已经转移到完整的flexbox模型，因此推送/拉动实用程序不再存在。它们被"order" utilities取代。 （提示：文档似乎已过时。尽管文档中的类名称以flex开头，但它们实际上以flex-first开头，即order-first，而不是<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <div class="d-flex flex-sm-wrap flex-md-nowrap justify-content-sm-center justify-content-md-start"> <div class="flex-sm-last flex-md-unordered"> Lorem ipsum dolor sit amet, consectetur adipiscing elit... </div> <div class="flex-sm-first flex-md-unordered" > Login box </div> </div>无论如何，根据你所描述的内容，我认为下面的代码会让你大部分都在那里。

private func computeStatistics() {

    // constants
    let width: Int = Int(self.bounds.size.width)
    let height: Int = Int(self.bounds.size.height)

    // color extractor
    let pixel = UnsafeMutablePointer<CUnsignedChar>.allocate(capacity: 4)
    let colorSpace = CGColorSpaceCreateDeviceRGB()
    let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue)

    for x in 0..<width {
        for y in 0..<height {

            let context = CGContext(data: pixel, width: 1, height: 1, bitsPerComponent: 8, bytesPerRow: 4, space: colorSpace, bitmapInfo: bitmapInfo.rawValue)
            context!.translateBy(x: -CGFloat(x), y: -CGFloat(y))
            layer.render(in: context!)

            // analyse the pixel here
            // eg: let totalRed += pixel[0]
        }
    }
    pixel.deallocate(capacity: 4)
}

不幸的是，Stack Overflow代码段功能并不能真正让您发挥响应能力。显然，这是所有定义的宽度。您应该将代码复制到其他地方以使用它。