Udvikleren.dk - Seneste [bootstrap3] forum tr�de

bootstrap grid problem

Thu, 04 Dec 2014 23:43:43 GMT

Hej

Jeg har et problem med bootstrap grid og placeringer som driller en del, der m� da v�re en smart m�de at g�re det p�.

Pt. ser mine grids s�dan her ud

Link

Det giver en del rod men kan det ikke lade sig g�re at f� dem til at se s�dan her ud, jeg har desv�rre ikke mulighed for at bruge row taget ellers vil det jo v�re oplagt.

Link

S�ger ildsj�le til sp�ndende fritidsprojekt

Wed, 26 Nov 2014 21:10:38 GMT

Hej gode udviklere,

Jeg hedder Emil, jeg er 18 og er selvudl�rt webudvikler! Jeg oprettede for godt 5 �r siden hjemmesiden un�dvendigviden.dk, hvis form�l var at give folk et godt grin og undrende tanker, n�r de bladrede igennem sidens ubrugelige indhold. Som navnet siger, bestod siden af un�dvendig og ubrugelig viden, som ikke havde noget form�l andet end at eksistere - hvilket i mange tilf�lde kan v�re yderst underholdende.

Hjemmesiden har lagt �de i mange �r efterh�nden, men jeg er fornyligt blevet interesseret i det gamle projekt igen, dog med lidt mere seri�se og ambiti�se tanker. For at give jer et indblik i mine snorklede ideer vil jeg pr�ve at opsummere mine tanker og ideer her, og hvis i synes det lyder interessant vil jeg meget gerne h�re hvad i mener, og om i m�ske er interesseret i at deltage i projektet!

Princip:
Jeg planl�gger at hjemmesiden skal huse interessante artikler om forskellige (gerne videnskabelige) emner, som kort, pr�cist og sjovt skal opsummeres i korte citater. Disse citater inklusiv flotte billeder skal v�re kernen af hele siden, og vil blive det b�rende element i designet. Ideen er lidt den samme, som man ser andre steder p� nettet, f.eks. 9gag.com, hvor man kan bladre igennem en masse indhold, og s� klikke sig ind p� de forskellige elementer for at se n�rmere, kommentere og dele indholdet.
N�r man bes�ger siden vil man da f� mulighed for blot at bladre igennem sjove facts, men ogs� samtidig - hvis man har interessen - n�rstudere og diskutere de forskellige emner. Nogle er til det korte og sjove, imens andre hellere vil l�se en god artikel.

Derudover skal siden have et brugersystem lidt ligesom her p� udvikleren.dk, med mulighed for et eventuelt karma-system, og muligheden for at brugerne selv kan bidrage til den un�dvendige viden. Alts� skal der v�re en m�de brugere kan indsende ideer og kilder til redaktionen, som ud fra det m�ske kan udforme sp�ndende artikler.
Jeg vil gerne skabe et sjovt og hyggeligt videnskabeligt f�llesskab, hvis prim�re form�l er at informere verden om alt det man ikke l�rer i skolerne. Et sted hvor den un�dvendige viden kan blomster i al sin pragt!

Design:
I kan se det design jeg arbejder p� via f�lgende link un�dvendigviden.dk/design. Jeg har kun arbejdet p� designet i et par dage, s� intet er bestemt endnu, kom endelig med ris og ros!

Udover designet, har jeg ogs� arbejdet p� logo og lidt andet grafisk, og har opdateret den gamle fan-side p� Facebook (som nu har 150 likes). I kan se det hele p� Facebooksiden. facebook.com/Unoedvendigviden

Jeg h�ber der er nogen der finder projektet interessant! Jeg leder efter alle der er friske p� at hj�lpe, unge som gamle, webudviklere eller skribenter, alle der synes projektet lyder sp�ndende og gerne vil v�re en del af det!

Tak for jeres tid :-)!

Bootstrap Footer

Sun, 26 Jan 2014 11:13:02 GMT

Hej Udvikleren.

Jeg er ved at arbejde p� en hjemmeside, som bliver udarbejdet i Bootstrap 3. Hjemmesiden skal have en footer, som hele tiden befinder sig nederst p� siden, og som automatisk bliver skubbet hvis indholdet i content fylder mere.

Jeg har pr�vet at give min footer en fixed height, og givet min body en margin-bottom p� samme m�ngde, men da min footer skal �ndre h�jde efter hvor meget indhold der er i den, er dette ikke en l�sning.

Jeg har s�gt Google tynd, og har pr�vet et hav af muligheder, men uden held. H�ber at der sidder et klogt hoved der eventuelt har haft samme problem, eller bare kan hj�lpe!

P� forh�nd mange tak for hj�lpen.

HTML kode

 <!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <title>TEST</title>
 
 <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
 <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
 <link rel="stylesheet" type="text/css" href="css/style.css">
 
 </head>
 
 <body>
 
     <!-- Header begins-->
     <header class="header">
     
         <div class="container">
         
             Header
         
         </div>
     
     </header>
     <!--Header ends -->
     
     <!-- Nav begins -->
     <nav class="nav">
     
         <div class="container">
 
             Navigation
 
         </div>
     
     </nav>
     <!-- Nav ends -->
     
     <!-- Slideshow begins -->
     <div class="slideshow">
     
         <div class="container">
         
             Slideshow
             
         </div>
     
     </div>
     <!-- Slideshow ends -->
     
     <!-- Content begins -->
     <div class="content">
     
         <div class="container">
         
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
             
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
             
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
             
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
         
         </div>
     
     </div>
     <!-- Content ends -->
     
     <!-- Footer begins -->
     <footer class="footer">
     
         <div class="container">
         
             <div class="col-md-3">
             
                 Velkommen til TEST's hjemmeside, håber at du finder de informationer du er på udkig efter. Ellers er du altid velkommen til at ringe på telefon nr: ** ** ** **
                 
             </div>
             
             <div class="col-md-3">
             
                 Footer
                 
             </div>
             
             <div class="col-md-3">
             
                 Footer
                 
             </div>
             
             <div class="col-md-3">
             
                 Footer
                 
             </div>
             
         </div>
     
     </footer>
     <!-- Footer ends -->
 
 </body>
 
 <script src="js/bootstrap.js"></script>
 
 </html>

CSS kode

 /********************
     HTML
 ********************/
 
 html {
     height:100%;
 }
 
 /********************
     Body
 ********************/
 
 body {
     height:100%;
 }
 
 /********************
     Header
 ********************/
 
 .header {
     background-color:#494949;
     width:100%;
 }
 
 /********************
     Navigation
 ********************/
 
 .nav {
     background-color:#6A4444;
     width:100%;
 }
 
 /********************
     Slideshow
 ********************/
 
 .slideshow {
     background-color:#969696;
     width:100%;
     margin-bottom:30px;
 }
 
 /********************
     Content
 ********************/
 
 .content {
     height: auto !important;
     height:100%;
     min-height:100%;
 }
 
 /********************
     Footer
 ********************/
 
 .footer {
     width:100%;
     padding-top:15px;
     padding-bottom:15px;
     background-color:#494949;
     margin-top:15px;
 }
 
 /********************
     Misc
 ********************/
 
 
 /********************
     Typography
 ********************

Dreamweaver Guideles?

Thu, 19 Dec 2013 13:32:15 GMT

Hej.

Jeg legede med muligheden for at bygge Fluid Grid Layout i Dreamweaver og fandt de "guidelines" der er meget nyttige. Men er mest tilh�nger af at benytte et normalt blank html/php dokument og benytte Bootstrap. S� mit sp�rgsm�l er, kan det lade sig g�re at f� dem i en blank html dokument?

Se guidelines her: http://niluan.dk/guidelines.jpg

P� forh�nd mange tak for hj�lpen og gl�delig jul!

Bootstrap 3 .less filer

Sun, 10 Nov 2013 19:01:47 GMT

Hvor finder jeg less filerne til Bootstrap 3 ?
Dem der ligger p� deres Github er bare less filer til Bootstrap 2 tema.