Comments (3)
Do yourself a favor and don't use tables for that (or anything that is just layout). That's what CSS is for.
Basically you have to "float" the list items. You'll find a very basic and easy to follow tutorial on http://www.w3schools.com/css/css_navbar.asp. But the web is full of tutorials for things like this - just give the search engine of your choice a chance! :)
from laravel-menu.
You can use Bootstrap for rendering the menu as a horizontal navigation bar. The package provides a Bootstrap based view out of the box.
As an example:
<?php
Menu::make('main', function($m) {
$m->add('Home');
$m->add('About', 'about');
$m->add('Services', 'services');
$m->add('Contact', 'contact') ;
$m->add('Portfolio', 'portfolio');
});
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
@include(Config::get('laravel-menu::views.bootstrap-items'), array('items' => $main->roots()))
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
It is fully covered in the documentation: Menu as Bootstrap 3 Navbar
If you don't want to use Bootstrap, the example should give the idea of building a horizontal navigation bar.
from laravel-menu.
Closing the issue, please feel free to reopen if needed.
from laravel-menu.
Related Issues (20)
- components inside prepend HOT 3
- How to call link->attr target on blade? HOT 2
- Active class override HOT 1
- Active link and item classes HOT 4
- BUG active link. Forced https HOT 4
- build menu with nested categories from database HOT 1
- Sorting subitems
- Filtering items: Class "App\Http\Middleware\User" not found HOT 2
- Custom div menu layout
- Multiple Meta Data
- Submenus HOT 1
- Manage menu module wise and display on admin area all menus HOT 1
- In case you are using bootstrap 5 (currently in beta) you need to set the data-toggle-attribute option from data-toggle to data-bs-toggle in your config/laravel-menu/settings.php. HOT 1
- create menus in Laravel 9 HOT 3
- Passing null to parameter #1 ($string) of type string is deprecated .. Menu/Builder.php on line 303 (LF 10 / PHP 8.1) HOT 2
- @lm_attrs directive does not resolved
- how to make menu with icon HOT 1
- Filter on Menu not working HOT 1
- Filter option not working on menus with user role permissions HOT 5
- Attribute of menu and menu item are not working properly.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from laravel-menu.