I noticed in your style.css you have
@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');
This is not needed because you already have it inside your <head> tag:
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
and css/bootstrap.min.css
<http://juli.beluto.com/css/bootstrap.min.css> is harder to read but
has the same styles as css/bootstrap.css
<http://juli.beluto.com/css/bootstrap.css> - choose one of the other -
no need for both.
I suggest you take advantage of the media queries - example at the
bottom of style.css for example:
@media (min-width: 1200px) {
body { Background:#3e8f5a;}
}
@media (max-width: 980px) {
body { Background:#e9ebc5;}
}
@media (max-width: 767px) {
body { Background:#883e8f;}
}
@media (max-width: 480px) {
body { Background:#a15045;}
}
Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936
On 5 November 2012 20:55, Juli87 <[email protected]> wrote:
> Yes, of course! Here is the link to my website:
> http://juli.beluto.com/test.html
>
> Am Montag, 5. November 2012 00:48:59 UTC+1 schrieb Phil Doughty:
>>
>> Please share your mark up source code or a link, then maybe we can offer
>> some more help
>>
>> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936
>>
>>
>>
>>
>>
>> On 5 November 2012 00:53, Juli87 <[email protected]> wrote:
>>
>>> I created a website based on twitter bootstrap and I want to control the
>>> collapse of spans in the fluid layout (ie. if the resolution is between 480
>>> and 768, an element should have span4 and span2 above 768px)
>>> I've read that this can somehow be influenced with media queries, but
>>> I'm not sure how to use it...do s.o. know any examples?
>>>
>>
>>
