css - Twitter Bootstrap, Nav-Bar and Laravel -


I am making an application using Laravel and I want to use twitter bootstrap.

Using Laravel 4.1 and Boottstrap 3.1.1

I have to do a new time, so I did this code

  & lt ;; DOCTYPE html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt; & Lt; Title & gt; Authentication app with larlage 4 & lt; / Title & gt; {{HTML :: style ('css / bootstrap.min.css')}} {{HTML :: Style ('CSS / Main CSS')}} < / Head & gt; & Lt; Body & gt; & Lt; div class = "navbar navbar-fixed-top" & gt; & Lt; Div class = "navbar-inner" & gt; & Lt; Div class = "container" & gt; & Lt; Ul class = "nav" & gt; @if (! Auth :: check ()) & lt; Li & gt; {{HTML :: Link ('user / register', 'register')}} < / li & gt; & Lt; Li & gt; {{HTML :: link ('user / login', 'login')}} & lt; / li & gt; @ELse & lt; Li & gt; {{HTML :: link ('user / logout', 'logout')}} & lt; / li & gt; @aAndif & lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "container" & gt; @if (session :: is ('message')) & lt; P class = "alert" & gt; {{Session :: Mill ('Message')}} & lt; / P & gt; @endif {{$ content}} & lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

and this css in main.css

  body {padding-top: 40px; } .form-signup, .form-signin {width: 400px; Margin: 0 auto; }   

but I found this

Enter the image details Please here

Looks bad at times, and I do not know what to do to make my navy-bar look normal.

CSS is not working properly, and I do not know why.

Any clue what might be the problem?

Add a class of navbar-nav to your UL:

  & lt; Ul class = "nav navbar-nav" & gt; @if (! Auth :: check ()) & lt; Li & gt; {{HTML :: Link ('user / register', 'register')}} < / li & gt; & Lt; Li & gt; {{HTML :: link ('user / login', 'login')}} & lt; / li & gt; @ELse & lt; Li & gt; {{HTML :: link ('user / logout', 'logout')}} & lt; / li & gt; @aAndif & lt; / Ul & gt;   

I found it here:

Maybe you have some old docs

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -