Jump to content

Recommended Posts

The html code is this :

			<div class="form-group">
                        <label class="col-sm-4 control-label">Checkbox inputs</label>
                        <div class="col-sm-8">
                          <div class="checkbox check-transparent">
                            <input type="checkbox" value="1" id="opt01" checked>
                            <label for="opt01">Option 1</label>
                          </div>
                          <div class="checkbox check-transparent">
                            <input type="checkbox" value="1" id="opt02">
                            <label for="opt02">Option 2</label>
                          </div>
                          <div class="checkbox check-transparent">
                            <input type="checkbox" value="1" id="opt03">
                            <label for="opt03">Option 3</label>
                          </div>
                        </div>
				</div>

I attached the results photo :

 Capture.PNG.eba9b84ca7ab7dd1b59565ddf126f7d7.PNG

I want to change the place of checkbox and label I mean I want first be label and then checkbox.

It had bootstrap too I uploaded the bootstrap files too :

https://www.dropbox.com/s/kc8ytkkd5dxcmc1/assets.zip?dl=0

Who can say that how can I change the place of checkbox and label I will be thank.

Share this post


Link to post
Share on other sites

Have you tried this?

	<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> HTML5 page </title>
</head>
<body>
<div class="form-group">
  <label class="col-sm-4 control-label">Checkbox inputs</label>
  <div class="col-sm-8">
    <div class="checkbox check-transparent">
      <label for="opt01">Option 1</label>
      <input type="checkbox" value="1" id="opt01" checked>
    </div>
    <div class="checkbox check-transparent">
      <label for="opt02">Option 2</label>
      <input type="checkbox" value="1" id="opt02">
    </div>
    <div class="checkbox check-transparent">
      <label for="opt03">Option 3</label>
      <input type="checkbox" value="1" id="opt03">
    </div>
  </div>
<div>
</body>
</html>
	

  • Like 1

Share this post


Link to post
Share on other sites
8 hours ago, JMRKER said:

Have you tried this?

 


	<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> HTML5 page </title>
</head>
<body>
<div class="form-group">
  <label class="col-sm-4 control-label">Checkbox inputs</label>
  <div class="col-sm-8">
    <div class="checkbox check-transparent">
      <label for="opt01">Option 1</label>
      <input type="checkbox" value="1" id="opt01" checked>
    </div>
    <div class="checkbox check-transparent">
      <label for="opt02">Option 2</label>
      <input type="checkbox" value="1" id="opt02">
    </div>
    <div class="checkbox check-transparent">
      <label for="opt03">Option 3</label>
      <input type="checkbox" value="1" id="opt03">
    </div>
  </div>
<div>
</body>
</html>
	

 

Yes sir this code is notworking we should first the code that you wrote and the problem is in the bootstrap files it must has a change. Can you check the bootstrap files?

Share this post


Link to post
Share on other sites

That looks like a customized checkbox, not your ordinary plain checkbox. Its probably a created element with an awesome font character, so it depends on how this replacement is identified, styled and placed, not how the actual checkbox is identified, styled and placed.

  • Like 1

Share this post


Link to post
Share on other sites
57 minutes ago, dsonesuk said:

That looks like a customized checkbox, not your ordinary plain checkbox. Its probably a created element with an awesome font character, so it depends on how this replacement is identified, styled and placed, not how the actual checkbox is identified, styled and placed.

I know sir but can you check what should I do exactly to solve this problem?

Share this post


Link to post
Share on other sites

How can I? I don't know what or how it is replacing the checkbox? it is not necessarily bootstrap on its own, could include jQuery. I can only give exact answer by seeing the problem in action by link to the page in question, to identify what element/class needs to be targeted.

  • Like 1

Share this post


Link to post
Share on other sites
49 minutes ago, dsonesuk said:

How can I? I don't know what or how it is replacing the checkbox? it is not necessarily bootstrap on its own, could include jQuery. I can only give exact answer by seeing the problem in action by link to the page in question, to identify what element/class needs to be targeted.

OK so thanks

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×