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.

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
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?

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
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?

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
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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...