Geek Answers Handbook

Configuring boot buffer 3 less questions about project structure

I read the following article, which describes the good structure of the Bootstrap Less project, which allows you to configure the download without editing the source code. But for Bootstrap 2, I assume:

http://coding.smashingmagazine.com/2013/03/12/customizing-bootstrap/ .

I really like this article, which offers the following structure for fewer files.

1) Create your own theme.lesson top of Bootstrap files

2) Include in your new topic, not counting the following:

 // importing all bootstrap.less files, leve them untouched, so you can update bootstrap
 @import "../bootstrap/less/bootstrap.less";

 // this is copy of bootstrap variables.less with custom color scheme and other customizations
 @import "custom-variables.less";

 // your own overrides anc custom classes
 @import "custom-other.less";

 // utilities as the last
 @import "../bootstrap/less/utilities.less";

But since I'm new to Bootstrap and Less, I'm not sure if this matches Bootstrap 3 for 100%.

1) My questions: is this structure of the Bootstrap 3 project consistent?

2) , utilities.less ( : bootstrap.less , .less)?

3) Bootstrap 2 responsive.less bootstrap.less. Bootstrap 2 responsive.less , Bootstrap 3 . responsive-utilities.less, utilities.less?

+4
2

1) : Bootstrap 3?

, utilities.less

2) , utilities.less ( : bootstrap.less, .less)?

Bootstrap 2.X , , mixins ,

3) Bootstrap 2 responsive.less bootstrap.less. Bootstrap 2 . , Bootstrap 3 . , -utilities.less, utilities.less?

, Bootstrap 3 responsive-utilities.less, bootstrap.less .

, BS3:

@import "../bootstrap/less/bootstrap.less";
@import "variables.less";

//Here start customization and I can use my variables defined in @variables.less
@media (min-width: @screen-lg) {
    width: 30%;
}
+5

Bootstrap Less, , Bootstrap 3 100%.

, Bootstrap - , , . Bootstrap 3 Bootstrap 2 . / . Bootstrap3. , IMO, v2 v3, . fooobar.com/questions/72612/..., .

1) : Bootstrap 3?

Github Source , . , bootstrap CSS.

2) , utilities.less ( bootstrap.less)?

( ), , .

3) Bootstrap 2 responsive.less bootstrap.less. Bootstrap 2 . , Bootstrap 3 .

Bootstrap 3 Mobile, , . Bootstrap 2 , CSS.

, -utilities.less, utilities.less?

, , , , , .

0

More articles:


All Articles