Yes, that does make more sense. OP seemed like he wanted all of the spans
colored. with Pedro's method, you would just add the new class name to
whichever item you want with the background color assigned..
i.e.:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Test</title>
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="span2 boxLightgrey">Navigation</div>
<div class="span8 boxLightgrey">Content</div>
</div>
</div>
<!------------------------------------------------------>
<script src="http://code.jquery.com/jquery.js";></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
On Friday, August 9, 2013 9:40:29 AM UTC-7, Pedro Henrique Taglialatela
wrote:
>
> I think u shouldn't do it. It's better create a selector class and then
> customize it.
>
> Eg: .boxLightgrey{ background: #eee; }
>
> Pedro Taglialatela
> (85) 8665-5196
> [email protected] <javascript:>
> www.pordotom.com.br
>
>
> 2013/8/9 Jeremy Rareparts <[email protected] <javascript:>>
>
>> I missed some commas. It should be:
>>
>> .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9,
>> .span10, .span11, .span12
>>
>> {
>>
>> background: #eee!important;
>>
>> }
>>
>>
>>
>> On Thursday, August 8, 2013 1:08:44 PM UTC-7, Jeremy Rareparts wrote:
>>
>>> If you want to color the spans, make a new CSS stylesheet. link it AFTER
>>> the bootstrap.css:
>>>
>>> <link href="css/bootstrap.css" rel="stylesheet" />
>>> <link href="location/to/your/file.**css" rel="stylesheet" />
>>>
>>>
>>>
>>> If you use this code in your new CSS file, it will style all span# divs
>>> with a background of #444.
>>>
>>> .span1, .span2, .span3 .span4, .span5, .span6, .span7 .span8, .span9,
>>> .span10, .span11, .span12 {
>>> background: #444!important;
>>> }
>>>
>>> If you only want to style one, then remove the rest:
>>>
>>> .span8 {
>>> background:#444!important;
>>> }
>>>
>>> Replace #444 with whatever color you want, but leave the !important
>>> after it, that will make sure it overrides bootstrap's CSS.
>>>
>>> On Thursday, August 8, 2013 12:03:23 PM UTC-7, IQGrenzgebiet wrote:
>>>>
>>>> Hey guys,
>>>>
>>>> first of all, excuse my bad english, i'm from germany.
>>>> Well, i'm a newbie at bootstrap and i have some problems right at the
>>>> beginning.
>>>>
>>>> First i downloaded the bootstrap-files and my folders look like these:
>>>>
>>>> bootstrap/
>>>> ├── css/
>>>> │ ├── bootstrap.css
>>>> │ ├── bootstrap.min.css
>>>> ├── js/
>>>> │ ├── bootstrap.js
>>>> │ ├── bootstrap.min.js
>>>> └── img/
>>>> ├── glyphicons-halflings.png
>>>> └── glyphicons-halflings-white.png
>>>>
>>>> Also i include an index.html which looks like that:
>>>>
>>>> <!DOCTYPE html>
>>>>
>>>>
>>>> <html>
>>>> <head>
>>>> <title>Bootstrap Test</title>
>>>> <meta name="viewport" content="width=device-width,
>>>> initial-scale=1.0">
>>>> <!-- Bootstrap -->
>>>> <link href="css/bootstrap.css" rel="stylesheet">
>>>>
>>>>
>>>> </head>
>>>> <body>
>>>> <div class="container">
>>>> <div class="row">
>>>> <div class="span2">Navigation</div>
>>>> <div class="span8">Content</div>
>>>>
>>>>
>>>> </div>
>>>> </div>
>>>> <!----------------------------**-------------------------->
>>>> <script src="http://code.jquery.com/**jquery.js
>>>> <http://code.jquery.com/jquery.js>"></script>
>>>>
>>>>
>>>> <script src="js/bootstrap.min.js"></**script>
>>>> </body>
>>>> </html>
>>>>
>>>> This should show me something like that:
>>>>
>>>> http://www.pic-upload.de/view-**20342858/2.jpg.html
>>>> <http://www.pic-upload.de/view-20342858/2.jpg.html>
>>>>
>>>>
>>>> but instead it looks like that:
>>>>
>>>> http://www.pic-upload.de/view-**20342927/1.jpg.html
>>>> <http://www.pic-upload.de/view-20342927/1.jpg.html>
>>>>
>>>>
>>>> I did everything just like in the description on the bootstrap-website
>>>> but.. well... you see. :D
>>>>
>>>>
>>>> Obviously the solution is so easy but i dont get it.
>>>>
>>>> I hope someone can help me.
>>>>
>>>> Greetings
>>>>
>>>>
>>>>
>>>> --
>> You received this message because you are subscribed to the Google Groups
>> "twitter-bootstrap" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to [email protected] <javascript:>.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>>
>>
>
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
