Gold 10 / Bootstrap questions

[kwikstand]

Yes, here is a screen shot:

It is the source code version.

Bootstrap_Theme.png

And here it shows the responsive-utilities.less file

[meer2005]

copy the actual less folder inside the bootstrap folder and paste it into your theme folder. Should look like this:

less.JPG

[kwikstand]

I still get a compilation error when I try to add "@panel-bg : #color "as suggested in an earlier post.

[meer2005]

You're missing the semicolon. make sure you put this and try again:

@panel-bg : #6e040f;

[kwikstand]

Thanks!! I am finally getting somewhere.

Does the less folder need to be uploaded to the actual website?

Is it just the style.min.css file that I need to upload to the website? The style.less file doesn't seem to be needed? Also, VSE makes a style.css and style.css.map file. I guess I don't need them?

Now I have to figure out what other @'s I need to add or change.

Is it OK to use an image instead of a color? My current site uses images 1px wide that is a gradient. It can look a little nicer than a solid color. Would this create a problem with Bootstrap?

[mazhar]

Does the less folder need to be uploaded to the actual website?

No its just required while working with visual studio and less file.

Is it just the style.min.css file that I need to upload to the website? The style.less file doesn't seem to be needed? Also, VSE makes a style.css and style.css.map file. I guess I don't need them?

Yes all you need is to upload minified file. Web Essentials generates both the minified and non minified version. For live website minified version is suitable since you are not making any changes. So you don't have to upload both style.less and style.css.

Now I have to figure out what other @'s I need to add or change.

In the less source you copied under your theme you will find a file called "variables.less". It has all variable used accross bootstrap so you might want to have a look at it. The names are descriptive enough to give an idea.

Is it OK to use an image instead of a color? My current site uses images 1px wide that is a gradient. It can look a little nicer than a solid color. Would this create a problem with Bootstrap?

Sure you can use it.

[kwikstand]

Thanks Mahar,

I looked at that less source folder and did find interesting looking files. I don't understand how it works when it is not even on the web site, but I think I am beginning to understand. These files are used just to compile the style.min.css file which is all the web site needs.

So it is the variables.less file I need to look at. I will examine that.

So, to I guess, to change the background , just find something like @body-bg: XXXX and paste it at the top of the style.les file?

I already did it by adding this to the style.less file.

body
{
font-size:11px;
font-family:verdana, helvetica, sans-serif;
border:groove #6e040f;
background:url(images/gray-background.png) top left repeat-x #dbdbdb;
}

Is this wrong?

[kwikstand]

I tried @body-bg: "color";

but it doesn't seem to work with an image. I am trying to use @body-bg:url(images/gray-background.png) top left repeat-x #dbdbdb;
but it doesn't work.