<?php echo form_open('secure/register', 'class="form"', 'role="form"'); ?>
<div class="page-header">
<h2><?php echo lang('reg_title'); ?></h2>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email Address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<div class="text-center">
<button type="submit" name="submit" class="btn btn-primary"><?php echo lang('register_btn'); ?></button>
</div>
</div>
<?php echo form_close(); ?>
This is my registration form design that I have created.
It is currently displayed as:
Email
_________________________
Password
_________________________
[Reg]
It occupies the full width within the container.
Now, I am facing some challenges:
1) How can I adjust the size of the form to be smaller and centered in the container, taking up only 60% of the width with 20% empty space on each side?
2) Additionally, how can I structure the form layout like this?
Email
_________________________
Password
_________________________
Contact
FirstName___ LastName____
[Reg]
Thank you for your assistance!