如何在Laravel 4的表单中使用Twitter Bootstrap?

时间:2013-11-22 10:24:46

标签: twitter-bootstrap laravel laravel-4

我已经在我的laravel 4布局中添加了bootstrap css和js文件。 我怎样才能在表格中使用它? 有没有包或教程? 我发现了一些旧捆绑但没有作曲家包...... 有人能帮帮我吗?

由于

2 个答案:

答案 0 :(得分:6)

就个人而言,我使用来自CDN的twitter bootstrap,因此无需安装软件包。要在表单中使用它,只需在调用FORM帮助程序后传递CSS类。

登录示例:

Form::open(['route' => 'login', 'method' => 'post', 'class' => 'clearfix'])    
Form::email('email', '', array('class' => 'form-control', 'placeholder' => 'Email'))
Form::password('password', array('class' => 'form-control', 'placeholder' => 'Password'))
Form::submit('Login', array('class' => 'btn btn-primary'))
Form::close()

答案 1 :(得分:1)

我认为Former正是您所寻找的。它本身就能够基于Twitter Bootstrap在结构上创建表单。

直接从github页面获取的示例:

Former::horizontal_open()
  ->id('MyForm')
  ->secure()
  ->rules(['name' => 'required'])
  ->method('GET')

  Former::xlarge_text('name')
    ->class('myclass')
    ->value('Joseph')
    ->required();

  Former::textarea('comments')
    ->rows(10)->columns(20)
    ->autofocus();

  Former::actions()
    ->large_primary_submit('Submit')
    ->large_inverse_reset('Reset')

Former::close()