Bootstrap & AZ: Ben <a href="http://lesscss.org/features/#import-options-reference">@import (reference)</a> okumak ve css parçalarını eklemeden ön yükleme alanı içe çalıştık

temiz "referans" ithal.Bootstrap & AZ: Ben <a href="http://lesscss.org/features/#import-options-reference">@import (reference)</a> okumak ve css parçalarını eklemeden ön yükleme alanı içe çalıştık

@import (reference) "bootstrap";

ama export.css bazı çizgiler vardır:

benim AZ dosya sadece bir tek satır olsaydı ihraç css dosya boş olacağını düşündüm

d.thumbnail > img, ... 
.carousel-inner > .item > a > img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
} 
.btn-group-lg > .btn {...} 
.btn-group-sm > .btn {...} 
.btn-group-xs > .btn {...} 
.container:before, ... 
.modal-footer:after { 
    content: " "; 
    display: table; 
} 
.container:after, ... 
.modal-footer:after { 
    clear: both; 
}

Peki neden? Bir sebep için buradalar mı?

Ben 1.7.0 Az ve Bootstrap 3.1.1 kullanıyorum.

kaynak

2014-04-17 gfaceless

Bu sorunu bilinir olduğu "Referans" uygulaması belli yuvalama/kendinden referanslı desenlerle sorunları var You: Bunu (v.3.xx) kullanabilir.. derlenmiş bootstrap CSS ve münferit karışım bileşenlerini (gerekirse) ithal ederek daha temiz sonuçlara ulaşabilir, örneğin: '@import (daha az, referans) ".../bootstrap.css"; @import ".../mixins.less ";.?' vb –

yedi fazlar-max sayesinde @, bu gerçekten yardımcı olur @ – gfaceless

yedi aşamadan-max ithalat referans sorununa bir bağlantı var mı bu konuda daha fazla okumak istediğiniz yukarıdaki örnek için – xeepete

Bu :extend iç dosyalar çünkü Bootstrap olduğunu.

// Core variables and mixins 
@import "bootstrap/variables.less"; 
@import (reference) "bootstrap/mixins.less"; 

// Reset and dependencies 
// @import "bootstrap/normalize.less"; 
// @import (reference) "bootstrap/print.less"; 
// @import (reference) "bootstrap/glyphicons.less"; 

// Core CSS 
@import (reference) "bootstrap/scaffolding.less"; 
// @import (reference) "bootstrap/type.less"; 
@import (reference) "bootstrap/code.less"; 
// @import (reference) "bootstrap/grid.less"; 
@import (reference) "bootstrap/tables.less"; 
// @import (reference) "bootstrap/forms.less"; 
@import (reference) "bootstrap/buttons.less"; 

// Components 
@import (reference) "bootstrap/component-animations.less"; 
@import (reference) "bootstrap/dropdowns.less"; 
// @import (reference) "bootstrap/button-groups.less"; 
// @import (reference) "bootstrap/input-groups.less"; 
// @import (reference) "bootstrap/navs.less"; 
// @import (reference) "bootstrap/navbar.less"; 
@import (reference) "bootstrap/breadcrumbs.less"; 
@import (reference) "bootstrap/pagination.less"; 
// @import (reference) "bootstrap/pager.less"; 
@import (reference) "bootstrap/labels.less"; 
@import (reference) "bootstrap/badges.less"; 
@import (reference) "bootstrap/jumbotron.less"; 
// @import (reference) "bootstrap/thumbnails.less"; 
@import (reference) "bootstrap/alerts.less"; 
@import (reference) "bootstrap/progress-bars.less"; 
@import (reference) "bootstrap/media.less"; 
@import (reference) "bootstrap/list-group.less"; 
// @import (reference) "bootstrap/panels.less"; 
@import (reference) "bootstrap/responsive-embed.less"; 
@import (reference) "bootstrap/wells.less"; 
@import (reference) "bootstrap/close.less"; 

// Components w/ JavaScript 
// @import (reference) "bootstrap/modals.less"; 
@import (reference) "bootstrap/tooltip.less"; 
@import (reference) "bootstrap/popovers.less"; 
// @import (reference) "bootstrap/carousel.less"; 

// Utility classes 
@import (reference) "bootstrap/utilities.less"; 
@import (reference) "bootstrap/responsive-utilities.less";

Ama bu saçma :(

kaynak

2015-11-26 15:25:55

Bootstrap & AZ: Ben <a href="http://lesscss.org/features/#import-options-reference">@import (reference)</a> okumak ve css parçalarını eklemeden ön yükleme alanı içe çalıştık

cevap

İlgili konular