• Resolved Frontliner

    (@frontliner)


    Hey there,

    first to say: great plugin – saves a lot of time.

    I’m trying to achieve creating a form like this one (see picture):

    Picture of my form (please ignore the missing textarea element)

    Thats a mix of a horizontal / inline-form created with bootstrap. So my usual markup when writing “manually” is like:

    <form class="form-horizontal">
    						<div class="form-group">
    							<label for="inputName" class="control-label col-sm-3">Name</label>
    							<div class="col-sm-3">
    								<select class="form-control">
    									<option>Herr</option>
    									<option>Frau</option>
    								</select>
    							</div>
    							<div class="col-sm-3">
    								<input type="text" class="form-control" id="inputFirstName" placeholder="Vorname">
    							</div>
    							<div class="col-sm-3">
    								<input type="text" class="form-control" id="inputFirstName" placeholder="Nachname">
    							</div>
    						</div>
    						<div class="form-group">
    							<label for="inputPassword" class="control-label col-sm-3">Email-Adresse</label>
    							<div class="col-sm-9">
    								<input type="text" class="form-control" id="inputFirstName" placeholder="[email protected]">
    							</div>
    						</div>
    (...)</form>

    That results in a form as shown in the picture.

    Is there any way creating a form like this with the plugin?

    Thanks and greetings from Germany,
    Christian

    https://ww.wp.xz.cn/plugins/bootstrap-for-contact-form-7/

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

The topic ‘Horizontal form with multiple elements per row’ is closed to new replies.