Phalcon에서 수평선을 만드는 법

Question

아주 기본적인 질문입니다. 나는 INVO & Vokuro Phalcon이 제공 한 것과 같은 자습서 &을 공부했습니다. Vokuro 예제는 양식을 사용하지만 모든 예제는 수직 양식 (다른 양식보다 한 필드 아래)을 사용합니다. 그들은 볼트 템플리트와 양식 자체를 사용하여 forms.render() 함수를 사용합니다. 두 개 이상의 열로 배열 된 필드가있는 Phalcon 양식을 만들고 싶다면 어떻게해야합니까? html 테이블을 사용하는 유일한 방법인가 또는 다른 방법이 있습니다.

<div class="clearfix"> <label for="name">Name</label> 
    {{ form.render("name") }} 
</div> 

<div class="clearfix"> <label for="email">E-Mail</label> 
    {{ form.render("email") }} 
</div> 

<div class="clearfix"> <label for="profilesId">Profile</label> 
    {{ form.render("profilesId") }} 
</div> 

대응 형태의 코드는 :

$name = new Text('name', array('placeholder' => 'Name')); 
$name->addValidators(array(
    new PresenceOf(array('message' => 'The name is required' 
    )) )); 
$this->add($name); 

$email = new Text('email', array('placeholder' => 'Email' )); 
$email->addValidators(array(
    new PresenceOf(array('message' => 'The e-mail is required')), 
    new Email(array('message' => 'The e-mail is not valid' 
    )) )); 
$this->add($email); 

$this->add(new Select('profilesId', Profiles::find('active = "Y"'), array(
    'using' => array('id', 'name'),.....some more code.......))); 

이 양식을 작성 주어진 아래 :

여기

수직 형태를 생성 예 "사용자 구성"Vokuro로부터 코드

사용자 만들기

이름

[텍스트 상자]

이메일

[텍스트 상자]

프로필

[목록 상자]

내가하려고하면 div = 태그에 style = "float : left"를 사용하면 제거에 도움이되지 않습니다. 그들을 보내. 내가 원하는 형태와 같은 :

라벨 : [입력 필드] -gap- 라벨 : 공간하면 [입력 필드]

: [입력 필드]

라벨 : [입력 필드] -gap- 라벨 허용, 위의 그림과 같이 두 개 대신 세 개의 열을 만듭니다. 그들은 별도의 사업부

<div class="clearfix"> <label for="name">Name</label> 
    {{ form.render("name") }} 
</div> 

<div class="clearfix"> <label for="email">E-Mail</label> 
    {{ form.render("email") }} 
</div> 

의 모든 요소가하지만 당신은 어떤 식 으로든 당신이 원하는 것을 준비 할 수 있기 때문이다

감사

Answer 1

. 한 행의 예를 들면 다음과 같습니다

<div class="clearfix"> 
    <label for="name">Name</label> 
    {{ form.render("name") }} 
    <label for="email">E-Mail</label> 
    {{ form.render("email") }} 
</div> 

Answer 2

사용이

<div class="form-group"> 
 
    <label for="name">Name</label> 
 
     {{ form.render("name",['class': 'form-control']) }} 
 
</div> 
 
<div class="form-group"> 
 
     <label for="email">Email</label> 
 
     {{form.render("email",['class': 'form-control'])}} 
 
</div>