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";></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
>
> but instead it looks like that:
>
> 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.

Reply via email to