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]
www.pordotom.com.br
2013/8/9 Jeremy Rareparts <[email protected]>
> 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].
> 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.
