Support » Plugin: Elementor Page Builder » I cant use bootstrap 4 in Elementor Widget

  • Resolved helvetica123

    (@helvetica123)


    I am editing element of icon-box which comes with Elementor but it doesnt seem what I want.

      // 1. paste
    
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    
            <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    
            <div class="row">
    
                <div class="col-4">
    
    <b>1</b>
            <div class="elementor-icon-box-wrapper">
    			<?php if ( $has_icon ) : ?>
    			<div class="elementor-icon-box-icon">
    				<<?php echo implode( ' ', [ $icon_tag, $icon_attributes, $link_attributes ] ); ?>>
    				<?php
    				if ( $is_new || $migrated ) {
    					Icons_Manager::render_icon( $settings['selected_icon'], [ 'aria-hidden' => 'true' ] );
    				} elseif ( ! empty( $settings['icon'] ) ) {
    					?><i <?php echo $this->get_render_attribute_string( 'i' ); ?>></i><?php
    				}
    				?>
    				</<?php echo $icon_tag; ?>>
    			</div>
    			<?php endif; ?>
    
                </div>
    
                <!-- 2. paste -->
                <div class="col-8">
    <b>2</b>
    			<div class="elementor-icon-box-content">
    				<<?php echo $settings['title_size']; ?> class="elementor-icon-box-title">
    					<<?php echo implode( ' ', [ $icon_tag, $link_attributes ] ); ?><?php echo $this->get_render_attribute_string( 'title_text' ); ?>><?php echo $settings['title_text']; ?></<?php echo $icon_tag; ?>>
    				</<?php echo $settings['title_size']; ?>>
    				<?php if ( ! Utils::is_empty( $settings['description_text'] ) ) : ?>
    				<p <?php echo $this->get_render_attribute_string( 'description_text' ); ?>><?php echo $settings['description_text']; ?></p>
    				<?php endif; ?>
    
                  </div></div>

    I want to split the section as first section is 4 unit and the second section is in same row like same div with 8 unit.However the second section seems below.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.