Bootstrap 3: pull-right for col-lg only

前端 未结 13 2157
醉酒成梦
醉酒成梦 2020-11-29 20:00

New to bootstrap 3.... In my layout I have:

elements 1
13条回答
  •  借酒劲吻你
    2020-11-29 20:45

    .pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
        float: right;
    }
    
    .pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
        float: left;
    }
    @media (max-width: 767px) {    
        .pull-right-not-xs, .pull-left-not-xs{
            float: none;
        }
        .pull-right-xs {
            float: right;
        }
        .pull-left-xs {
            float: left;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .pull-right-not-sm, .pull-left-not-sm{
            float: none;
        }
        .pull-right-sm {
            float: right;
        }
        .pull-left-sm {
            float: left;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .pull-right-not-md, .pull-left-not-md{
            float: none;
        }
        .pull-right-md {
            float: right;
        }
        .pull-left-md {
            float: left;
        }
    }
    @media (min-width: 1200px) {
        .pull-right-not-lg, .pull-left-not-lg{
            float: none;
        }
        .pull-right-lg {
            float: right;
        }
        .pull-left-lg {
            float: left;
        }
    }
    

提交回复
热议问题